html video标签canplay,HTML oncanplay事件用法及代码示例

当指定的音频/视频缓冲到足以开始时，就会发生HTML DOM oncanplay事件。

事件的发生顺序在音频/视频的加载过程中：

onloadstart

ondurationchange

onloadedmetadata

onloadeddata

onprogress

oncanplay

oncanplaythrough

用法:

在HTML中：

在JavaScript中：

object.oncanplay = function(){myScript};

在JavaScript中，使用addEventListener()方法：

object.addEventListener("canplay", myScript);

例：使用HTML

GeeksforGeeks

HTML DOM oncanplay event

function myFunction() {

alert("Can start playing video");

}

输出：

例：使用JavaScript

GeeksforGeeks

HTML DOM oncanplay event

document.getElementById("myVideo").oncanplay = function() {

myFunction()

};

function myFunction() {

alert("Can start playing video");

}

输出：

例：在JavaScript中，使用addEventListener()方法：

GeeksforGeeks

HTML DOM oncanplay event

document.getElementById(

"myVideo").addEventListener(

"canplay", myFunction);

function myFunction() {

alert("Can start playing video");

}

输出：

支持的浏览器：DOM oncanplay Event支持的浏览器如下：

谷歌浏览器

IE浏览器

Firefox

苹果Safari

Opera