HTMLMediaElement: playing イベント

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

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

仕様書

Specification
HTML Standard
# event-media-playing
HTML Standard
# handler-onplaying

ブラウザーの互換性

BCD tables only load in the browser

関連イベント

関連情報