HTMLMediaElement: play 事件

基线 广泛可用

此功能已经很成熟，可以在许多设备和浏览器版本中使用。自 2015 年 7 月.

报告反馈

play 事件在 paused 属性从 true 更改为 false 时触发，这是 play 方法或 autoplay 属性的结果。

语法

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

在像 addEventListener() 这样的方法中使用事件名称，或设置事件处理程序属性。
addEventListener("play", (event) => {});

onplay = (event) => {};

事件类型

js

示例

一个通用的 Event。

以下示例添加了 HTMLMediaElement 的 play 事件的事件监听器，然后在事件处理程序对事件触发做出响应时发布消息。

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

使用 addEventListener()

在像 addEventListener() 这样的方法中使用事件名称，或设置事件处理程序属性。
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.",
  );
};

规范

使用 onplay 事件处理程序属性
规范
# HTML 标准
规范
# event-media-play

浏览器兼容性

handler-onplay

另请参阅