เหตุการณ์ durationchange HTML เสียง / วิดีโอ DOM

แจ้งเตือนว่าระยะเวลาของวิดีโอที่มีการเปลี่ยนแปลง:

var vid = document.getElementById("myVideo");
vid.ondurationchange = function() {
alert("The video duration has changed");
};

เพิ่มเติม "ลองตัวเอง" ตัวอย่างด้านล่าง

ความหมายและการใช้งาน

เหตุการณ์ที่เกิดขึ้นเมื่อ durationchange ข้อมูลที่ระบุระยะเวลาของเสียง / วิดีโอที่มีการเปลี่ยนแปลง

หมายเหตุ: เมื่อเสียง / วิดีโอถูกโหลดระยะเวลาจะเปลี่ยนจาก "NaN" กับระยะเวลาที่เกิดขึ้นจริงของเสียง / วิดีโอ

ในระหว่างขั้นตอนการโหลดของเสียง / วิดีโอเหตุการณ์ต่อไปนี้เกิดขึ้นในลำดับนี้:

ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่เหตุการณ์

เหตุการณ์
durationchange	ใช่	9.0	ใช่	ใช่	ใช่

ใน HTML:

< audio|video ondurationchange="myScript"> Try it

ใน JavaScript:

audio|video .ondurationchange=function(){myScript}; Try it

ใน JavaScript โดยใช้ addEventListener() วิธีการ:

audio|video .addEventListener("durationchange", myScript ); Try it

หมายเหตุ: addEventListener() วิธีการไม่ได้รับการสนับสนุนใน Internet Explorer 8 และรุ่นก่อนหน้านี้

แท็กที่รองรับ:	<audio> and <video>
วัตถุ JavaScript ที่รองรับ:	Audio, Video

แจ้งเตือนว่าระยะเวลาของเสียงที่มีการเปลี่ยนแปลง:

var aud = document.getElementById("myAudio");
aud.ondurationchange = function() {
alert("The audio duration has changed");
};