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
関連イベント
- HTMLMediaElement
waiting
イベント - HTMLMediaElement
seeking
イベント - HTMLMediaElement
seeked
イベント - HTMLMediaElement
ended
イベント - HTMLMediaElement
loadedmetadata
イベント - HTMLMediaElement
loadeddata
イベント - HTMLMediaElement
canplay
イベント - HTMLMediaElement
canplaythrough
イベント - HTMLMediaElement
durationchange
イベント - HTMLMediaElement
timeupdate
イベント - HTMLMediaElement
play
イベント - HTMLMediaElement
pause
イベント - HTMLMediaElement
ratechange
イベント - HTMLMediaElement
volumechange
イベント - HTMLMediaElement
suspend
イベント - HTMLMediaElement
emptied
イベント - HTMLMediaElement
stalled
イベント