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

関連イベント

関連情報