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