HTMLMediaElement: ended イベント

ended イベントは、メディアの終わりに達したため、またはそれ以上利用できるデータがないために再生またはストリーミングが停止したときに発生します。 このイベントは、メディアの再生がメディアの最後に到達して終了した HTMLMediaElement（<audio> および <video>）に基づいて発生します。

バブリング なし
キャンセル 不可
インターフェイス Event
対象 要素
既定のアクション なし
イベントハンドラプロパティ GlobalEventHandlers.onended
仕様 HTML5 メディア

このイベントは、Media Capture and Streams API および Web Audio 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）それ以上データがない' +
      'ため、動画が停止しました。');
};

仕様

仕様 状態
HTML Living Standard
ended media event の定義		 現行の標準
HTML5
ended media event の定義		 勧告

ブラウザーの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
ended eventChrome 完全対応 3Edge 完全対応 ありFirefox 完全対応 3.5IE 完全対応 9Opera 完全対応 10.5Safari 完全対応 3.1WebView Android 完全対応 ありChrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 1.0

凡例

完全対応  
完全対応

関連情報

関連トピック