HTMLMediaElement: emptied 事件

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

当媒体变为空时会触发 emptied 事件;例如,如果媒体已加载(或部分加载),然后调用 load() 方法重新加载它,就会发送此事件。

此事件不可取消,也不会冒泡。

语法

在诸如 addEventListener() 之类的方法中使用事件名称,或设置事件处理程序属性。

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

onemptied = (event) => { }

事件类型

一个通用的 Event

示例

这些示例为 HTMLMediaElement 的 emptied 事件添加了一个事件监听器,然后在事件处理程序响应事件触发后发布一条消息。

使用 addEventListener()

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

video.addEventListener("emptied", (event) => {
  console.log("Uh oh. The media is empty. Did you call load()?");
});

使用 onemptied 事件处理程序属性

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

video.onemptied = (event) => {
  console.log("Uh oh. The media is empty. Did you call load()?");
};

规范

规范
HTML
# event-media-emptied
HTML
# handler-onemptied

浏览器兼容性

另见