Sự kiện thay đổi thời lượng DOM Audio / Video HTML

❮ Tham chiếu DOM Audio / Video HTML

Thí dụ

Cảnh báo rằng thời lượng của video đã thay đổi:

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

Thêm các ví dụ "Hãy tự mình thử" bên dưới.


Định nghĩa và Cách sử dụng

Sự kiện thay đổi thời lượng xảy ra khi dữ liệu thời lượng của âm thanh / video được chỉ định bị thay đổi.

Lưu ý: Khi tải âm thanh / video, thời lượng sẽ thay đổi từ "NaN" thành thời lượng thực của âm thanh / video.

Trong quá trình tải âm thanh / video, các sự kiện sau xảy ra, theo thứ tự sau:

  1. khởi động
  2. thay đổi thời gian
  3. loadmetadata
  4. tải dữ liệu
  5. phát triển
  6. có thể chơi
  7. canplay qua

Hỗ trợ trình duyệt

Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ sự kiện.

Event
durationchange Yes 9.0 Yes Yes Yes

Cú pháp

Trong HTML:

<audio|video ondurationchange="myScript">

Trong JavaScript:

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

Trong JavaScript, sử dụng phương thức addEventListener ():

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

Chi tiết kỹ thuật

Các thẻ HTML được hỗ trợ: <audio> và <video>
Các đối tượng JavaScript được hỗ trợ: Video âm thanh

Các ví dụ khác

Thí dụ

Cảnh báo rằng thời lượng của âm thanh đã thay đổi:

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

❮ Tham chiếu DOM Audio / Video HTML