HTMLMediaElement: sự kiện loadeddata

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Sự kiện loadeddata được kích hoạt khi khung ở vị trí phát lại hiện tại của phương tiện đã tải xong; thường là khung hình đầu tiên.

Note: Sự kiện này sẽ không kích hoạt trên thiết bị di động/máy tính bảng nếu trình tiết kiệm dữ liệu được bật trong cài đặt trình duyệt.

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.

js
addEventListener("loadeddata", (event) => { })

onloadeddata = (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 loadeddata 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():

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

video.addEventListener("loadeddata", (event) => {
  console.log(
    "Yay! The readyState just increased to  " +
      "HAVE_CURRENT_DATA or greater for the first time.",
  );
});

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

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

video.onloadeddata = (event) => {
  console.log(
    "Yay! The readyState just increased to  " +
      "HAVE_CURRENT_DATA or greater for the first time.",
  );
};

Đặc tả kỹ thuật

Thông số kỹ thuật
HTML
# event-media-loadeddata
HTML
# handler-onloadeddata

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

Sự kiện liên quan

Xem thêm