HTML Audio/Video DOM สามารถเล่นผ่านเหตุการณ์ ได้
❮ การอ้างอิง DOM เสียง/วิดีโอ HTML
ตัวอย่าง
แจ้งเตือนว่าวิดีโอสามารถเล่นได้ตลอดโดยไม่หยุด:
var vid = document.getElementById("myVideo");
vid.oncanplaythrough = function() {
alert("Can play through video without stopping");
};
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
เหตุการณ์ canplaythrough เกิดขึ้นเมื่อเบราว์เซอร์ประเมินว่าสามารถเล่นผ่านเสียง/วิดีโอที่ระบุโดยไม่ต้องหยุดบัฟเฟอร์
ในระหว่างขั้นตอนการโหลดเสียง/วิดีโอ เหตุการณ์ต่อไปนี้จะเกิดขึ้นตามลำดับนี้:
- Loadstart
- ระยะเวลาเปลี่ยน
- โหลดข้อมูลเมตา
- โหลดข้อมูล
- ความคืบหน้า
- canplay
- canplaythrough
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่รองรับเหตุการณ์อย่างสมบูรณ์
Event | |||||
---|---|---|---|---|---|
canplaythrough | Yes | 9.0 | Yes | Yes | Yes |
ไวยากรณ์
ใน HTML:
<audio|video oncanplaythrough="myScript">
ในจาวาสคริปต์:
audio|video.oncanplaythrough=function(){myScript};
ใน JavaScript โดยใช้เมธอด addEventListener() :
audio|video.addEventListener("canplaythrough", myScript);
รายละเอียดทางเทคนิค
แท็ก HTML ที่รองรับ: | <audio> และ <video> |
---|---|
วัตถุ JavaScript ที่รองรับ: | วิดีโอเสียง |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
แจ้งเตือนว่าสามารถเล่นเสียงได้ตลอดโดยไม่หยุด:
var aud = document.getElementById("myAudio");
aud.oncanplaythrough = function() {
alert("Can play through audio without stopping");
};
❮ การอ้างอิง DOM เสียง/วิดีโอ HTML