HTMLMediaElement: emptied 事件
当媒体变为空时,将触发 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 |
浏览器兼容性
BCD 表格仅在启用 JavaScript 的浏览器中加载。
相关事件
- HTMLMediaElement
playing
事件 - HTMLMediaElement
waiting
事件 - HTMLMediaElement
seeking
事件 - HTMLMediaElement
seeked
事件 - HTMLMediaElement
ended
事件 - HTMLMediaElement
loadedmetadata
事件 - HTMLMediaElement
loadeddata
事件 - HTMLMediaElement
canplay
事件 - HTMLMediaElement
canplaythrough
事件 - HTMLMediaElement
durationchange
事件 - HTMLMediaElement
timeupdate
事件 - HTMLMediaElement
play
事件 - HTMLMediaElement
pause
事件 - HTMLMediaElement
ratechange
事件 - HTMLMediaElement
volumechange
事件 - HTMLMediaElement
suspend
事件 - HTMLMediaElement
stalled
事件