<HTML Audio / Video DOM Referensi
Contoh
Mengingatkan bahwa durasi video telah berubah:
var vid = document.getElementById("myVideo");
vid.ondurationchange =
function() {
alert("The video duration has changed");
};
Cobalah sendiri " Lebih "Cobalah Sendiri" contoh di bawah ini.
Definisi dan Penggunaan
Acara durationchange terjadi ketika data durasi tertentu audio / video berubah.
Catatan: Ketika audio / video dimuat, durasi akan berubah dari "NaN" dengan durasi sebenarnya dari audio / video.
Selama proses pemuatan audio / video, peristiwa berikut terjadi, dalam urutan ini:
- loadstart
- durationchange
- loadedmetadata
- loadeddata
- progress
- canplay
- canplaythrough
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang mendukung penuh acara tersebut.
Peristiwa | |||||
---|---|---|---|---|---|
durationchange | iya nih | 9.0 | iya nih | iya nih | iya nih |
Sintaksis
Di HTML:
< audio|video ondurationchange="myScript"> Try it
Dalam JavaScript:
audio|video .ondurationchange=function(){myScript}; Try it
Dalam JavaScript, menggunakan addEventListener() metode:
audio|video .addEventListener("durationchange", myScript ); Try it
Catatan: addEventListener() metode tidak didukung di Internet Explorer 8 dan versi sebelumnya.
Rincian teknis
tag HTML didukung: | <audio> and <video> |
---|---|
objek JavaScript didukung: | Audio, Video |
Contoh lebih
Contoh
Mengingatkan bahwa durasi audio telah berubah:
var aud = document.getElementById("myAudio");
aud.ondurationchange =
function() {
alert("The audio duration has changed");
};
Cobalah sendiri "