このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docsコミュニティーについてもっと知り、仲間になるにはこちらから。
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 イベントは再生が最初に開始されたときと、再生が再開されたときに発行されます。例えば、データ不足で一時停止や遅延していた再生が再開されたときに発行されます。
このイベントはキャンセル不可で、バブリングしません。
In this article
構文
このイベントを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> |
ブラウザーの互換性
関連イベント
- 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イベント