當(dāng)終端可以播放媒體文件時觸發(fā)該canplay事件,估計(jì)加載足夠的數(shù)據(jù)來播放媒體直到其結(jié)束,而不必停止以進(jìn)一步緩沖內(nèi)容。
提醒視頻已準(zhǔn)備好開始播放:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML 音頻/視頻 oncanplay 事件使用-菜鳥教程(cainiaoplus.com)</title>
</head>
<body>
<video id="video1" controls="controls">
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的瀏覽器不支持 HTML5 video 標(biāo)簽。
</video>
<script>
myVid=document.getElementById("video1");
myVid.oncanplay=alert("Can start playing video");
</script>
</body>
</html>測試看看 ?/?當(dāng)瀏覽器可以開始播放指定的音頻/視頻(緩沖到足以開始播放)時,就會發(fā)生canplay事件。
當(dāng)音頻/視頻處于加載過程中時,會依次發(fā)生以下事件:
IEFirefoxOperaChromeSafari
所有主流瀏覽器都支持 canplay 事件。
注意:Internet Explorer 8 及之前的版本不支持該事件。
在 HTML 中:
<audio|video oncanplay="SomeJavaScriptCode">
在 JavaScript 中:
audio|video.oncanplay=SomeJavaScriptCode;
使用 addEventListener():
.addEventListener("canplay", function(){
}
);| 以下 HTML 標(biāo)簽支持: | <audio>, <video> |
|---|---|
| 以下 JavaScript 對象支持: | Audio, Video |
使用 addEventListener() 來監(jiān)聽 canplay 事件
HTML 音頻/視頻 DOM 參考手冊