Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

เหตุการณ์ oncanplay: รันสคริปตเมื่อสื่อพร้อมเล่น

แอตทริบิวต์ oncanplay จะทำงานเมื่อเบราว์เซอร์ประเมินว่าสื่อ (เสียง/วิดีโอ) โหลดข้อมูลเพียงพอที่จะเริ่มเล่นได้แล้ว แต่อาจยังไม่พอที่จะเล่นจนจบโดยไม่ต้องหยุดโหลดเพิ่ม

ตัวอย่างการใช้งาน

<!DOCTYPE html>
<html>
<body>
    <video id="myid" width="320" height="176" controls oncanplay="display()">
        <source src="/html5/foo.ogg" type="video/ogg" />
        <source src="/html5/foo.mp4" type="video/mp4" />
        เบราว์เซอร์ของคุณไม่รองรับองค์ประกอบ video
    </video>
    <script>
        function display() {
            alert("วิดีโอโหลดเสร็จ พร้อมเล่นได้!");
        }
    </script>
</body>
</html>

ความแตกต่างระหว่าง oncanplay และ oncanplaythrough

เหตุการณ์ ความหมาย
oncanplay โหลดพอที่จะเริ่มเล่นได้ แต่อาจต้องหยุดโหลดระหว่างทาง
oncanplaythrough โหลดพอที่จะเล่นจนจบโดยไม่ต้องหยุด (ประมาณการ)