oncanplay.md

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