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