HTMLMediaElement: playing 事件
基线 广泛可用
此功能已完善,适用于多种设备和浏览器版本。它自 2015 年 7 月.
报告反馈
playing
事件在首次开始播放后以及每次重新开始播放时触发。例如,当播放由于数据不足而暂停或延迟后恢复时,它就会触发。
语法
此事件不可取消,也不会冒泡。
在像
addEventListener()
这样的方法中使用事件名称,或设置事件处理程序属性。addEventListener("playing", (event) => {});
onplaying = (event) => {};
事件类型
js
示例
一个通用的 Event
。
以下示例添加了 HTMLMediaElement 的 playing
事件的事件监听器,然后在事件处理程序对事件触发作出反应时发布消息。
在像
addEventListener()
这样的方法中使用事件名称,或设置事件处理程序属性。const video = document.querySelector("video");
video.addEventListener("playing", (event) => {
console.log("Video is no longer paused");
});
使用 addEventListener()
在像
addEventListener()
这样的方法中使用事件名称,或设置事件处理程序属性。const video = document.querySelector("video");
video.onplaying = (event) => {
console.log("Video is no longer paused.");
};
规范
使用 onplaying 事件处理程序属性 |
---|
规范 # HTML 标准 |
规范 # event-media-playing |
浏览器兼容性
handler-onplaying
相关事件
- 启用 JavaScript 以查看数据。
- 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
emptied
事件