HTMLMediaElement: pause 事件

Baseline 已广泛支持

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

当暂停活动的请求得到处理，并且活动已进入暂停状态时，会发送 pause 事件。最常见的情况是，在调用元素的 pause() 方法暂停媒体后，会发送此事件。

在 pause() 方法返回并且媒体元素的 paused 属性已更改为 true 之后，会发送此事件。

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

语法

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

addEventListener("pause", (event) => { })

onpause = (event) => { }

事件类型

一个通用的 Event。

示例

这些示例会为 HTMLMediaElement 的 pause 事件添加一个事件监听器，然后在该事件处理程序响应事件触发时发送一条消息。

使用 addEventListener()

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 事件处理程序属性

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.",
  );
};