tutorial pengembangan web terbaru
 

durationchange Kegiatan HTML Audio / Video DOM

<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:

  1. loadstart
  2. durationchange
  3. loadedmetadata
  4. loadeddata
  5. progress
  6. canplay
  7. 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 "

<HTML Audio / Video DOM Referensi