HTML oncanplay 事件

oncanplay 事件在用户可以开始播放视频/音频(audio/video)时触发。


实例

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <video id="video1" controls="controls" oncanplay="canplay()">
  5. <source src="/example/video/demo.mp4" type="video/mp4">
  6. 您的浏览器不支持HTML5的 video 标签。
  7. </video>
  8. <script>
  9. function canplay(){
  10. alert("可以开始播放视频");
  11. }
  12. </script>
  13. </body>
  14. </html>

浏览器支持

事件
oncanplayYes9.0YesYesYes

定义和用法

oncanplay 事件在用户可以开始播放视频/音频(audio/video)时触发。

在视频/音频(audio/video)加载过程中,事件的触发顺序如下:

  1. onloadstart
  2. ondurationchange
  3. onloadedmetadata
  4. onloadeddata
  5. onprogress
  6. oncanplay
  7. oncanplaythrough

HTML 4.01 与 HTML5 之间的差异

无。


语法

  1. <element oncanplay="script">
属性值
描述
scriptoncanplay 发生时运行的脚本。

更多实例

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. </head>
  5. <body>
  6. <audio controls oncanplay="myFunction()">
  7. <source src="horse.ogv" type="audio/ogv">
  8. <source src="horse.mp3" type="audio/mpeg">
  9. 您的浏览器不支持 audio 元素。
  10. </audio>
  11. <script>
  12. function myFunction() {
  13. alert("可以开始播放音频");
  14. }
  15. </script>
  16. </body>
  17. </html>