HTML oncanplaythrough 事件

oncanplaythrough 事件在视频/音频(audio/video)可以正常播放且无需停顿和缓冲时触发。


实例

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

浏览器支持

事件
oncanplaythroughYes9.0YesYesYes

定义和用法

oncanplaythrough 事件在视频/音频(audio/video)可以正常播放且无需停顿和缓冲时触发。

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

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

HTML 4.01 与 HTML5 之间的差异

无。


语法

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

更多视频

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. </head>
  5. <body>
  6. <video controls oncanplaythrough="myFunction()">
  7. <source src="/example/video/demo.mp4" type="video/mp4">
  8. <source src="/example/video/demo.ogv" type="video/ogv">
  9. 您的浏览器不支持 HTML5 video 元素。
  10. </video>
  11. <script>
  12. function myFunction() {
  13. alert("无需停顿可直接播放视频");
  14. }
  15. </script>
  16. </body>
  17. </html>