Latest web development tutorials

HTML Audio / Video DOM event durationchange

HTML audio / video Tag Referensi HTML Audio / Video DOM Referensi

contoh

durasi ujung video telah berubah:

myVid=document.getElementById("video1");
myVid.ondurationchange=alert("The video duration has changed");

Coba »

Definisi dan Penggunaan

Ketika Anda menentukan panjang audio / video waktu perubahan data, acara durationchange terjadi.

Ketika audio / video dimuat, panjang akan "NaN" ke dalam audio / video dari panjang sebenarnya waktu.

Ketika proses audio / video memuat akan diikuti oleh peristiwa berikut terjadi:

  1. loadstart
  2. durationchange
  3. loadedmetadata
  4. loadeddata
  5. kemajuan
  6. canplay
  7. canplaythrough

Dukungan Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Semua browser utama mendukung acara durationchange.

Catatan: 8 dan versi sebelumnya dari Internet Explorer tidak mendukung acara tersebut.


tatabahasa

Di HTML:

<audio|video ondurationchange=" SomeJavaScriptCode ">

Dalam JavaScript:

audio|video .ondurationchange= SomeJavaScriptCode ;

Gunakan addEventListener ():

audio|video .addEventListener("durationchange", function()
{
//SomeJavaScriptCode
}
);

rincian teknis

以下 HTML 标签支持: <audio>, <video>
以下 JavaScript 对象支持: Audio, Video


contoh

contoh yang lebih

Gunakan ondurationchange atribut pada elemen HTML

Gunakan addEventListener () untuk mendengarkan acara durationchange


HTML audio / video Tag Referensi HTML Audio / Video DOM Referensi