HTMLMediaElement: pause event
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
当暂停媒体播放时 pause
事件触发,并且媒体进入暂停状态,最常见的是通过pause()
方法来触发。当pause()
触发时pause
状态只改变 1 次,并且媒体的pause
变成 true
。
General info
Bubbles | No |
---|---|
Cancelable | No |
Interface | Event |
Target | Element |
Default Action | None |
Event handler property | GlobalEventHandlers.onpause |
Specification | HTML5 media |
例子
下面例子给媒体添加 pause
事件监听 handler,然后事件发生时会给 handler 发送一个提醒信息
使用 addEventListener():
js
const video = document.querySelector("video");
video.addEventListener("pause", (event) => {
console.log(
"The Boolean paused property is now true. Either the " +
"pause() method was called or the autoplay attribute was toggled.",
);
});
使用 onpause
事件监听属性:
js
const video = document.querySelector("video");
video.onpause = (event) => {
console.log(
"The Boolean paused property is now true. Either the " +
"pause() method was called or the autoplay attribute was toggled.",
);
};
规范
Specification |
---|
HTML Standard # event-media-pause |
HTML Standard # handler-onpause |
浏览器兼容性
BCD tables only load in the browser
相关事件
HTMLMediaElement: playing event
HTMLMediaElement: waiting event
HTMLMediaElement: seeking event
HTMLMediaElement: seeked event
HTMLMediaElement: ended event
HTMLMediaElement: loadedmetadata event
HTMLMediaElement: loadeddata event
HTMLMediaElement: canplay event
HTMLMediaElement: canplaythrough event
HTMLMediaElement: durationchange event
HTMLMediaElement: timeupdate event
HTMLMediaElement: play event
HTMLMediaElement: pause event
HTMLMediaElement: ratechange event
HTMLMediaElement: volumechange event
HTMLMediaElement: suspend event
HTMLMediaElement: emptied event
HTMLMediaElement: stalled event