HTMLMediaElement: play event

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2015年7月⁩.

当 paused 属性由 true 转换为 false 时触发 play 事件，事件触发原因一般为 play() 方法调用，或者 autoplay 标签设置。

Bubbles	No
Cancelable	No
Interface	`Event`
Target	Element
Default Action	None
Event handler property	`GlobalEventHandlers.onplay`
Specification	HTML5 media

Examples

下方的例子监听了 HTMLMediaElement 标签的 play 事件，并且在事件触发后在控制台打印相应的信息。

Using addEventListener():

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

video.addEventListener("play", (event) => {
  console.log(
    "The Boolean paused property is now false. Either the " +
      "play() method was called or the autoplay attribute was toggled.",
  );
});

Using the onplay event handler property:

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

video.onplay = (event) => {
  console.log(
    "The Boolean paused property is now false. Either the " +
      "play() method was called or the autoplay attribute was toggled.",
  );
};