HTMLMediaElement: playing 事件

Baseline 已广泛支持

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

playing 事件在播放首次开始时触发，并在每次重新开始播放时触发。例如，当由于缺少数据而暂停或延迟的播放恢复时，该事件也会触发。

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

语法

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

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

onplaying = (event) => { }

一个通用的 Event。

这些示例添加了 HTMLMediaElement 的 playing 事件的事件监听器，然后在事件触发后事件处理程序做出响应时发送一条消息。

使用 addEventListener()

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

video.addEventListener("playing", (event) => {
  console.log("Video is no longer paused");
});

使用 onplaying 事件处理程序属性

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

video.onplaying = (event) => {
  console.log("Video is no longer paused.");
};

规范
HTML # event-media-playing
HTML # handler-onplaying

本页面最后修改于 2025年5月2日，由 MDN 贡献者修改。