HTMLMediaElement: play イベント

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。

もっと詳しく
完全な互換性情報を見る

play メソッドは autoplay 属性の結果として、paused プロパティが true から false に変更されたときに発生します。

このイベントはキャンセル不可で、バブリングしません。

構文

このイベントを addEventListener() などのメソッドで使用するか、イベントハンドラープロパティを設定するかしてください。

addEventListener("play", (event) => {});
onplay = (event) => {};

イベント型

一般的な Event です。

例

これらの例では、HTMLMediaElement の play イベントのイベントリスナーを追加し、そのイベントハンドラーがイベントの発生に反応したときにメッセージを投稿します。

addEventListener() を使用する場合:

const video = document.querySelector("video");
video.addEventListener("play", (event) => {
 console.log(
 "論理値の paused プロパティは false になりました。play() メソッドが呼び出されたか、autoplay 属性が切り替えられました。",
 );
});

onplay イベントハンドラープロパティを使用する場合:

const video = document.querySelector("video");
video.onplay = (event) => {
 console.log(
 "論理値の paused プロパティは false になりました。play() メソッドが呼び出されたか、autoplay 属性が切り替えられました。",
 );
};