Latest web development tutorials

HTML Audio/Video DOM play 事件

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

實例

在視頻開始播放時彈出提示信息:

var vid = document.getElementById("myVideo");
vid.onplay = function() {
alert("The video has started to play");
};

嘗試一下»

本文底部包含了更多實例。


定義和用法

play 事件在音頻/視頻(audio/video)開始播放時觸發。

提示: pause事件在音頻/視頻(audio/video)暫停播放時觸發。


瀏覽器支持

表格中的數字表示支持該事件的第一個瀏覽器的版本號。

事件
play Yes 9.0 Yes Yes Yes


語法

HTML 中:

< audio|video onplay="myScript"> 嘗試一下

JavaScript 中:

audio|video .onplay=function(){myScript}; 嘗試一下

JavaScript 中, 使用addEventListener() 方法:

audio|video .addEventListener("play", myScript ); 嘗試一下

注意: Internet Explorer 8及更早IE版本不支持addEventListener()方法。


技術細節
支持的HTML 標籤: <audio> 和<video>
支持的JavaScript 對象: Audio, Video


Examples

更多實例

實例

在音頻開始播放時彈出提示信息:

var aud = document.getElementById("myAudio");
aud.onplay = function() {
alert("The audio has started to play");
};

嘗試一下»


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