Sự kiện ondurationchange

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

Sự kiện ondurationchange xảy ra khi độ dài âm thanh/vidéo thay đổi.

Chú ý:Khi âm thanh/vidéo được tải xong, độ dài sẽ từ "NaN" thay đổi thành độ dài thực tế của âm thanh/vidéo.

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

  1. onloadstart
  2. ondurationchange
  3. onloadedmetadata
  4. onloadeddata
  5. onprogress
  6. oncanplay
  7. oncanplaythrough

Mô hình

Ví dụ 1

Chạy JavaScript khi độ dài video thay đổi:

<video ondurationchange="myFunction()">

Thử trực tiếp

Ví dụ 2

Chạy JavaScript khi âm thanh bắt đầu tải:

<audio ondurationchange="myFunction()">

Thử trực tiếp

Cú pháp

Trong HTML:

<element ondurationchange="myScript">

Thử trực tiếp

Trong JavaScript:

object.ondurationchange = function(){myScript};

Thử trực tiếp

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

object.addEventListener("durationchange", myScript);

Thử trực tiếp

Chú ý:Internet Explorer 8 hoặc sớm hơn không hỗ trợ Phương thức addEventListener().

Chi tiết kỹ thuật

Nổi bọt: Không hỗ trợ
Có thể hủy: Không hỗ trợ
Loại sự kiện: Sự kiện
Thẻ HTML được hỗ trợ: <audio> và <video>
Phiên bản DOM: Sự kiện cấp 3

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ sự kiện này hoàn toàn.

Sự kiện Chrome IE Firefox Safari Opera
ondurationchange Hỗ trợ 9.0 Hỗ trợ Hỗ trợ Hỗ trợ