Skip to content

Latest commit

 

History

History
80 lines (59 loc) · 2.01 KB

oncanplaythrough.md

File metadata and controls

80 lines (59 loc) · 2.01 KB

HTML oncanplaythrough 属性

定义和用法

oncanplaythrough 事件发生在浏览器估计它可以播放指定的 audio/video 而无需停止缓冲时。

适用于

oncanplaythrough 属性是 事件属性 的一部分,可用于以下元素:

元素 事件
<audio> canplaythrough
<video> canplaythrough

示例

Audio 示例

当音频准备好开始播放时运行 myFunction

<audio oncanplaythrough="myFunction()">
<script>
  function myFunction() {
    alert("可以开始播放音频");
  }
</script> 
<audio controls oncanplaythrough="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 oncanplaythrough="myFunction()">
<script>
  function myFunction() {
    alert("可以开始播放视频了");
  }
</script> 
<video width="320" controls oncanplaythrough="myFunction()">
  <source type="video/mp4" src="../assets/mov_bbb.mp4">
  <source type="video/ogm" src="../assets/mov_bbb.ogm">
  您的浏览器不支持 video 标签。
</video>

浏览器支持

oncanplaythrough 属性对每个元素都有以下浏览器支持:

事件属性 chrome edge firefox safari opera
audio Yes 9.0 Yes Yes Yes
video Yes 9.0 Yes Yes Yes