HTML oncanplay 属性
定义和用法
oncanplay 属性定义了在浏览器可以开始播放指定媒体时运行的脚本（当它已经缓冲到足以开始播放时）。
适用于
oncanplay 属性是 事件属性 的一部分，可用于以下元素：
| 元素 | 事件 |
|---|---|
| <audio> | canplay |
| <embed> | canplay |
| <object> | canplay |
| <video> | canplay |
示例
Audio 示例
当音频准备好开始播放时运行 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>
Video 示例
当视频准备好开始播放时运行 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 |