HTML Audio/Video DOM ended 事件

HTML audio/video 標籤參考手冊 HTML 音頻/視頻 DOM 參考手冊

實例

音頻播放完成後彈出提示資訊:

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


Examples

更多實例

實例

視頻播放完成後彈出提示資訊:

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



HTML audio/video 標籤參考手冊 HTML 音頻/視頻 DOM 參考手冊