HTMLMediaElement: ended イベント
ended
イベントは、メディアの終わりに達したため、またはそれ以上利用できるデータがないために再生またはストリーミングが停止したときに発生します。
このイベントは、メディアの再生がメディアの最後に到達して終了した HTMLMediaElement
(<audio>
および <video>
)に基づいて発生します。
バブリング | なし |
---|---|
キャンセル | 不可 |
インターフェイス | Event |
対象 | 要素 |
既定のアクション | なし |
イベントハンドラープロパティ | GlobalEventHandlers.onended (en-US) |
メモ: このイベントは、メディアキャプチャとストリーム API および ウェブオーディオ API でも定義されています。
例
これらの例では、HTMLMediaElement
の ended
イベントのイベントリスナーを追加し、そのイベントハンドラがイベントの発生に反応したときにメッセージを投稿します。
addEventListener()
を使用する場合
const video = document.querySelector('video');
video.addEventListener('ended', (event) => {
console.log('1)動画が終了した、または 2)それ以上データがない' +
'ため、動画が停止しました。');
});
onended
イベントハンドラープロパティを使用する場合
const video = document.querySelector('video');
video.onended = (event) => {
console.log('1)動画が終了した、または 2)それ以上データがない' +
'ため、動画が停止しました。');
};
仕様書
Specification |
---|
HTML Standard # event-media-ended |
HTML Standard # handler-onended |
ブラウザーの互換性
BCD tables only load in the browser
関連イベント
- HTMLMediaElement
playing
イベント - 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
イベント