HTMLMediaElement: sự kiện loadedmetadata

Cú pháp

Sử dụng tên sự kiện trong các phương thức như addEventListener() hoặc đặt thuộc tính xử lý sự kiện.

addEventListener("loadedmetadata", (event) => { })

onloadedmetadata = (event) => { }

Kiểu sự kiện

Một Event chung chung.

Ví dụ

Các ví dụ này thêm trình xử lý sự kiện cho sự kiện loadedmetadata của HTMLMediaElement, sau đó đăng thông báo khi trình xử lý sự kiện đó phản ứng với việc kích hoạt sự kiện.

Sử dụng addEventListener():

const video = document.querySelector("video");

video.addEventListener("loadedmetadata", (event) => {
  console.log(
    "The duration and dimensions of the media and tracks are now known.",
  );
});

Sử dụng thuộc tính xử lý sự kiện onloadedmetadata:

const video = document.querySelector("video");

video.onloadedmetadata = (event) => {
  console.log(
    "The duration and dimensions of the media and tracks are now known.",
  );
};

Đặc tả kỹ thuật

Tương thích trình duyệt

Sự kiện liên quan

• Sự kiện HTMLMediaElement playing
• Sự kiện HTMLMediaElement waiting
• Sự kiện HTMLMediaElement seeking
• Sự kiện HTMLMediaElement seeked
• Sự kiện HTMLMediaElement ended
• Sự kiện HTMLMediaElement loadeddata
• Sự kiện HTMLMediaElement canplay
• Sự kiện HTMLMediaElement canplaythrough
• Sự kiện HTMLMediaElement durationchange
• Sự kiện HTMLMediaElement timeupdate
• Sự kiện HTMLMediaElement play
• Sự kiện HTMLMediaElement pause
• Sự kiện HTMLMediaElement ratechange
• Sự kiện HTMLMediaElement volumechange
• Sự kiện HTMLMediaElement suspend
• Sự kiện HTMLMediaElement emptied
• Sự kiện HTMLMediaElement stalled

Xem thêm

• HTMLAudioElement
• HTMLVideoElement
• <audio>
• <video>