HTMLMediaElement: loadeddata

基线广泛可用

自 2015年7月起，此特性已在主流浏览器中得到支持，可在大多数设备和浏览器版本中正常使用。

loadeddata 事件在媒体当前播放位置的视频帧（通常是第一帧）加载完成后触发。

基本信息

是否冒泡	否
是否可取消	否
接口	`Event`
目标	元素
默认行为	无
事件处理器属性	`GlobalEventHandlers.onloadeddata`

备注：若在移动/平板设备的浏览器设置中开启了流量节省（data-saver）模式，该事件则不会被触发。

示例

以下示例展示了如何为媒体元素（HTMLMediaElement）的 loadeddata 事件添加一个事件监听器，以在该事件触发时发送一条消息。

使用 addEventListener()：

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

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

使用 onloadeddata 事件处理器属性：

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

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