HTMLMedia​Element: play イベント

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

バブリング なし
キャンセル 不可
インターフェイス Event
対象 要素
既定のアクション なし
イベントハンドラプロパティ GlobalEventHandlers.onplay
仕様 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 の定義
勧告

ブラウザーの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
play eventChrome 完全対応 3Edge 完全対応 ありFirefox 完全対応 3.5IE 完全対応 9Opera 完全対応 10.5Safari 完全対応 3.1WebView Android 完全対応 ありChrome Android 完全対応 18Edge Mobile 完全対応 ありFirefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり

凡例

完全対応  
完全対応

関連情報

 

ドキュメントのタグと貢献者

このページの貢献者: Wind1808
最終更新者: Wind1808,