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