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: ended イベント

例

仕様書

ブラウザーの互換性

関連イベント

関連情報