最新的Web開發教程
 

HTML音頻/視頻DOM canplay事件

<HTML音頻/視頻DOM參考

警報,視頻準備開始播放:

var vid = document.getElementById("myVideo");
vid.oncanplay = function() {
    alert("Can start playing video");
};
試一試»

更多“試一試”的例子。


定義和用法

發生該事件canplay時,瀏覽器就可以開始播放指定的音頻/視頻(當它緩衝到足以開始)。

在音頻/視頻的加載過程中,發生以下事件,順序如下:

  1. loadstart
  2. durationchange
  3. loadedmetadata
  4. loadeddata
  5. progress
  6. canplay
  7. canplaythrough

瀏覽器支持

在表中的數字指定完全支持該事件的第一個瀏覽器的版本。

事件
canplay 9

句法

在HTML:

< audio|video oncanplay="myScript"> Try it

在JavaScript:

audio|video .oncanplay=function(){myScript}; Try it

在JavaScript中,使用addEventListener()方法:

audio|video .addEventListener("canplay", myScript ); Try it

注意: 使用addEventListener()在Internet Explorer 8和更早版本不支持的方法。


技術細節

支持的HTML標籤: <audio> and <video>
支持的JavaScript對象: Audio, Video

更多示例

警報音頻是準備開始播放:

var aud = document.getElementById("myAudio");
aud.oncanplay = function() {
    alert("Can start playing audio");
};
試一試»

<HTML音頻/視頻DOM參考