HTMLMedia​Element: play イベント

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

バブリング なし
キャンセル 不可
インターフェイス Event
対象 要素
既定のアクション なし
イベントハンドラプロパティ GlobalEventHandlers.onplay (en-US)
仕様 HTML5 メディア

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

addEventListener() を使用する場合

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

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

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

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

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

仕様

仕様 状態
HTML Living Standard
play media event の定義
現行の標準
HTML5
play media event の定義
勧告

ブラウザーの互換性

BCD tables only load in the browser

関連情報