Latest web development tutorials

HTML 音頻/視頻DOM canplay 事件

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

實例

提示該視頻已準備好開始播放:

myVid=document.getElementById("video1");
myVid.oncanplay=alert("Can start playing video");

嘗試一下»

定義和用法

當瀏覽器能夠開始播放指定的音頻/視頻時,會發生canplay 事件。

當音頻/視頻處於加載過程中時,會依次發生以下事件:

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

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持canplay 事件。

注意: Internet Explorer 8及之前的版本不支持該事件。


語法

在HTML 中:

<audio|video oncanplay=" SomeJavaScriptCode ">

在JavaScript 中:

audio|video .oncanplay= SomeJavaScriptCode ;

使用addEventListener():

audio|video .addEventListener("canplay", function()
{
//SomeJavaScriptCode
}
);

技術細節

以下 HTML 标签支持: <audio>, <video>
以下 JavaScript 对象支持: Audio, Video


實例

更多實例

在HTML元素上使用oncanplay屬性

使用addEventListener()來監聽canplay事件


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