Acara perubahan durasi DOM Audio/Video HTML

Referensi DOM Audio/Video HTML

Contoh

Peringatan bahwa durasi video telah berubah:

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

Lebih banyak contoh "Coba Sendiri" di bawah ini.


Definisi dan Penggunaan

Kejadian perubahan durasi terjadi ketika data durasi audio/video yang ditentukan diubah.

Catatan: Saat audio/video dimuat, durasinya akan berubah dari "NaN" menjadi durasi audio/video yang sebenarnya.

Selama proses pemuatan audio/video, peristiwa berikut terjadi, dalam urutan ini:

  1. mulai memuat
  2. perubahan durasi
  3. memuat metadata
  4. memuat data
  5. kemajuan
  6. dapat bermain
  7. dapat bermain melalui

Dukungan Peramban

Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung acara tersebut.

Event
durationchange Yes 9.0 Yes Yes Yes

Sintaksis

Dalam HTML:

<audio|video ondurationchange="myScript">

Dalam JavaScript:

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

Dalam JavaScript, menggunakan metode addEventListener() :

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

Detail Teknis

Tag HTML yang didukung: <audio> dan <video>
Objek JavaScript yang didukung: Video Audio

Lebih Banyak Contoh

Contoh

Peringatan bahwa durasi audio telah berubah:

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

Referensi DOM Audio/Video HTML