このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

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 ⁨2015年7月⁩.

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
# event-media-playing
HTML
# handler-onplaying

ブラウザーの互換性

関連イベント

関連情報