HTMLMediaElement：loadeddata 事件

Baseline 已廣泛支援

此特性已相當成熟，可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來，各瀏覽器均已提供此特性。

當媒體當前播放位置的幀已完成載入時，會觸發 loadeddata 事件；通常是第一幀。

注意： 如果瀏覽器設定中的資料節省程式已開啟，此事件在移動/平板裝置上將不會觸發。

語法

在諸如 addEventListener() 之類的方法中使用事件名稱，或設定事件處理程式屬性。

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

onloadeddata = (event) => { }

事件型別

一個通用的 Event。

示例

這些示例為 HTMLMediaElement 的 loadeddata 事件添加了一個事件監聽器，然後當事件處理程式響應事件觸發時釋出一條訊息。

使用 addEventListener()

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.",
  );
});

使用 onloadeddata 事件處理程式屬性

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.",
  );
};