oncanplay 属性定义了在浏览器可以开始播放指定媒体时运行的脚本(当它已经缓冲到足以开始播放时)。
oncanplay 属性是 事件属性 的一部分,可用于以下元素:
| 元素 | 事件 |
|---|---|
| <audio> | canplay |
| <embed> | canplay |
| <object> | canplay |
| <video> | canplay |
当音频准备好开始播放时运行 myFunction:
<audio oncanplay="myFunction()"><script>
function myFunction() {
alert("可以开始播放音频");
}
</script>
<audio controls oncanplay="myFunction()">
<source type="audio/ogg" src="horse.ogg">
<source src="../assets/horse.ogg" type="audio/ogg">
<source src="../assets/horse.mp3" type="audio/mpeg">
您的浏览器不支持音频标签。
</audio>当视频准备好开始播放时运行 myFunction:
<video oncanplay="myFunction()"><script>
function myFunction() {
alert("可以开始播放视频了");
}
</script>
<video width="320" controls oncanplay="myFunction()">
<source type="video/mp4" src="../assets/mov_bbb.mp4">
<source type="video/ogm" src="../assets/mov_bbb.ogm">
您的浏览器不支持 video 标签。
</video>oncanplay 属性对每个元素都有以下浏览器支持:
| 元素 | |||||
|---|---|---|---|---|---|
| audio | Yes | 9.0 | Yes | Yes | Yes |
| embed | ❌ 不支持 | ❌ 不支持 | ❌ 不支持 | ❌ 不支持 | ❌ 不支持 |
| object | ❌ 不支持 | ❌ 不支持 | ❌ 不支持 | ❌ 不支持 | ❌ 不支持 |
| video | Yes | 9.0 | Yes | Yes | Yes |