HTML 音訊/影片 DOM canplaythrough 事件
示例
提示影片可以全程播放，無需停止
let vid = document.getElementById("myVideo");
vid.oncanplaythrough = function() {
alert("可以全程播放影片，無需停止");
};
自己動手試一試 »
更多“自己嘗試”的例子見下文。
定義和用法
當瀏覽器估計能夠全程播放指定的音訊/影片而無需停止緩衝時，會發生 canplaythrough 事件。
在音訊/影片載入過程中，會按順序發生以下事件：
- loadstart
- durationchange
- loadedmetadata
- loadeddata
- progress
- canplay
- canplaythrough
瀏覽器支援
表格中的數字指定了完全支援該事件的第一個瀏覽器版本。
| 事件 | |||||
|---|---|---|---|---|---|
| canplaythrough | 是 | 9.0 | 是 | 是 | 是 |
語法
在 HTML 中
<audio|video oncanplaythrough="myScript">立即嘗試
在 JavaScript 中
audio|video.oncanplaythrough=function(){myScript};立即嘗試
在 JavaScript 中，使用 addEventListener() 方法
audio|video.addEventListener("canplaythrough", myScript);立即嘗試
技術詳情
| 支援的 HTML 標籤 | <audio> 和 <video> |
|---|---|
| 支援的 JavaScript 物件 | 音訊，影片 |
更多示例
示例
提示音訊可以全程播放，無需停止
let aud = document.getElementById("myAudio");
aud.oncanplaythrough = function() {
alert("可以全程播放音訊，無需停止");
};
自己動手試一試 »
❮ HTML 音訊/影片 DOM 參考
