HTML 音頻/視頻 DOM canplaythrough 事件

2018-08-04 20:26 更新

HTML 音頻/視頻 DOM canplaythrough 事件

HTML audio/video 標(biāo)簽參考手冊 HTML 音頻/視頻 DOM 參考手冊

實(shí)例

提示視頻能夠不停頓地一直播放:

myVid=document.getElementById("video1");
myVid.oncanplaythrough=alert("Can play through video without stopping");

嘗試一下 ?

定義和用法

當(dāng)瀏覽器預(yù)計(jì)能夠在不停下來進(jìn)行緩沖的情況下持續(xù)播放指定的音頻/視頻時(shí),會(huì)發(fā)生 canplaythrough 事件。

當(dāng)音頻/視頻處于加載過程中時(shí),會(huì)依次發(fā)生以下事件:

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

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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


語法

在 HTML 中:

<audio|video oncanplaythrough="SomeJavaScriptCode">

在 JavaScript 中:

audio|video.oncanplaythrough=SomeJavaScriptCode;

使用 addEventListener():

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

技術(shù)細(xì)節(jié)

以下 HTML 標(biāo)簽支持: <audio>, <video>
以下 JavaScript 對象支持: Audio, Video


實(shí)例

更多實(shí)例

在 HTML 元素上使用 oncanplaythrough 屬性

使用 addEventListener() 來監(jiān)聽 canplaythrough 事件


HTML audio/video 標(biāo)簽參考手冊 HTML 音頻/視頻 DOM 參考手冊
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號