HTMLMediaElement: playing 事件

Baseline 已廣泛支援

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來,各瀏覽器均已提供此特性。

playing 事件在播放首次開始時觸發,並在每次重新開始播放時觸發。例如,當由於缺少資料而暫停或延遲的播放恢復時,該事件也會觸發。

此事件不可取消,也不會冒泡。

語法

在諸如 addEventListener() 之類的方法中使用事件名稱,或設定事件處理程式屬性。

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

onplaying = (event) => { }

事件型別

一個通用的 Event

示例

這些示例添加了 HTMLMediaElement 的 playing 事件的事件監聽器,然後在事件觸發後事件處理程式做出響應時傳送一條訊息。

使用 addEventListener()

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

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

使用 onplaying 事件處理程式屬性

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

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

規範

規範
HTML
# event-media-playing
HTML
# handler-onplaying

瀏覽器相容性

另見