oncanplaythrough事件


onca​​nplaythrough 事件

實例

<!DOCTYPE html> 
<html> 
<head>
<meta charset="utf-8">
</head>
<body> 

<video controls oncanplaythrough="myFunction()">
	<source src="mov_bbb.mp4" type="video/mp4">
	<source src="mov_bbb.ogg" type="video/ogg">
	您的浏览器不支持 HTML5 video 元素。
</video>
<script>
function myFunction() {
    alert("无需停顿可直接播放视频");
}
</script>

</body> 
</html>

##執行實例»#點擊"運行實例" 按鈕查看線上實例

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

定義和用法

onca​​nplaythrough 事件在視訊/音訊（audio/video）可以正常播放且無需停頓和緩衝時觸發。

在視訊/音訊（audio/video）載入過程中，事件的觸發順序如下:

    onloadstart
  1. ondurationchange
  2. onloadedmetadata
  3. onloadeddata
  4. onprogress
  5. onca​​nplay
  6. #onca​​nplaythrough

##瀏覽器支援

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

事件onca​​nplaythroughYes9.0Yes #YesYes






#語法

HTML 中：
< ;element oncanplaythrough="myScript
">試試看

JavaScript 中：
object.oncanplaythrough=function(){myScript
};試試看

JavaScript 中, 使用addEventListener() 方法:
#object .addEventListener("canplaythrough", myScript
);試試看

注意：

Internet Explorer 8 及更早IE 版本不支援addEventListener( ) 方法。
技術細節是否支援冒泡:No是否可以取消:No事件類型:Event#支援的HTML 標籤: <audio>, <video>


#更多實例

##實例

<!DOCTYPE html> 
<html> 
<head>
<meta charset="utf-8">
</head>
<body> 

<audio controls oncanplaythrough="myFunction()">
    <source src="horse.ogg" type="audio/ogg">
    <source src="horse.mp3" type="audio/mpeg">
    您的浏览器不支持 audio 元素。 
</audio>
<script>
function myFunction() {
    alert("无需停顿可直接播放视频");
}
</script>

</body> 
</html>

執行實例»

點擊"運行實例" 按鈕查看線上實例