Sự kiện onloadedmetadata

Sự kiện DOM Đối tượng Event

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

Khi metadata của âm thanh/video đã được tải, sự kiện onloadedmetadata xảy ra.

Metadata của âm thanh/video bao gồm: thời gian, độ rộng (chỉ áp dụng cho video) và lối đi văn bản.

Trong quá trình tải âm thanh/video, 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 tải metadata của video:

<video onloadedmetadata="myFunction()">

Thử trực tiếp

Ví dụ 2

Chạy JavaScript sau khi tải metadata của âm thanh:

<audio onloadedmetadata="myFunction()">

Thử trực tiếp

Cú pháp

Trong HTML:

<element onloadedmetadata="myScript">

Thử trực tiếp

Trong JavaScript:

object.onloadedmetadata = function(){myScript};

Thử trực tiếp

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

object.addEventListener("loadedmetadata", myScript);

Thử trực tiếp

Ghi chú:Internet Explorer 8 hoặc các phiên bản sớm hơn không hỗ trợ Phương thức addEventListener().

Chi tiết kỹ thuật

Bubbling: 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 cho biết phiên bản trình duyệt đầu tiên hỗ trợ hoàn toàn sự kiện đó.

Sự kiện Chrome IE Firefox Safari Opera
onloadedmetadata Hỗ trợ 9.0 Hỗ trợ Hỗ trợ Hỗ trợ
Sự kiện DOM Đối tượng Event