ended イベントは、メディアの終わりに達したため、またはそれ以上利用できるデータがないために再生またはストリーミングが停止したときに発生します。

このイベントは、HTMLMediaElement（<audio> および<video>）においてメディアの再生がメディアの最後に到達して終了した時に、ended が発生します。

このイベントはキャンセル不可で、バブリングしません。

構文

このイベントをaddEventListener() などのメソッドで使用するか、イベントハンドラープロパティを設定するかしてください。

addEventListener("ended", (event) => {});onended = (event) => {};

イベント型

一般的なEvent です。

例

これらの例では、HTMLMediaElement のended イベントのイベントリスナーを追加し、そのイベントハンドラーがイベントの発生に反応したときにメッセージを投稿します。

addEventListener() を使用する場合:

const video = document.querySelector("video");video.addEventListener("ended", (event) => {  console.log(    "動画は再生が完了したか、それ以上のデータが利用できないために停止しました。",  );});

onended イベントハンドラープロパティを使用する場合:

const video = document.querySelector("video");video.onended = (event) => {  console.log(    "動画は再生が完了したか、それ以上のデータが利用できないために停止しました。",  );};

仕様書

ブラウザーの互換性

関連イベント

• HTMLMediaElementplaying イベント
• HTMLMediaElementwaiting イベント
• HTMLMediaElementseeking イベント
• HTMLMediaElementseeked イベント
• HTMLMediaElementloadedmetadata イベント
• HTMLMediaElementloadeddata イベント
• HTMLMediaElementcanplay イベント
• HTMLMediaElementcanplaythrough イベント
• HTMLMediaElementdurationchange イベント
• HTMLMediaElementtimeupdate イベント
• HTMLMediaElementplay イベント
• HTMLMediaElementpause イベント
• HTMLMediaElementratechange イベント
• HTMLMediaElementvolumechange イベント
• HTMLMediaElementsuspend イベント
• HTMLMediaElementemptied イベント
• HTMLMediaElementstalled イベント

関連情報

• HTMLAudioElement
• HTMLVideoElement
• <audio>
• <video>

• メディアキャプチャとストリーム

  • メディアキャプチャとストリーム: ended イベント

• ウェブオーディオ API

  • ウェブオーディオ API: ended イベント