HTML Audio/Video DOM endedイベント

例

音声の再生が完了したらプロンプトメッセージを表示します:

var aud = document.getElementById("myAudio");
aud.onended = function() {
alert("音声の再生が完了しました");
};

この記事の下部には、さらに多くの例が含まれています。

ended イベントは、音声/ビデオ(audio/video)の再生が完了した後にトリガーされます。

このイベントは通常、再生完了の情報を通知するために使用されます。例: 「お聴きいただきありがとうございました」、「ご視聴いただきありがとうございました」など。

表内の数字は、そのイベントをサポートした最初のブラウザのバージョン番号を示します。

イベント
ended	Yes	9.0	Yes	Yes	Yes

HTML の場合:

<audio|video onended="myScript">試してみる

JavaScript の場合:

audio|video.onended=function(){myScript};試してみる

JavaScript で addEventListener() メソッドを使用する場合:

audio|video.addEventListener("ended", myScript);試してみる

注意：Internet Explorer 8 およびそれ以前の IE バージョンのブラウザではサポートされていませんaddEventListener()メソッド。

技術詳細

サポートされている HTML タグ:	<audio> と <video>
サポートされている JavaScript オブジェクト:	Audio, Video

ビデオの再生が完了したらプロンプトメッセージを表示します：

var vid = document.getElementById("myVideo");
vid.onended = function() {
alert("The video has ended");
};