HTML onloadeddata 事件

onloadeddata 事件在当前帧的数据加载完成且还没有足够的数据播放视频/音频(audio/video)的下一帧时触发。


实例

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <video controls onloadeddata="myFunction()">
  5. <source src="/example/video/demo.mp4" type="video/mp4">
  6. <source src="/example/video/demo.ogv" type="video/ogv">
  7. 您的浏览器不支持 HTML5 video 元素。
  8. </video>
  9. <script>
  10. function myFunction() {
  11. alert("浏览器已加载完当前帧");
  12. }
  13. </script>
  14. </body>
  15. </html>

浏览器支持

事件
onloadeddataYes9.0YesYesYes

定义和用法

onloadeddata 事件在当前帧的数据加载完成且还没有足够的数据播放视频/音频(audio/video)的下一帧时触发。

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

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

HTML 4.01 与 HTML5 之间的差异

无。


语法

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

更多实例

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <audio controls onloadeddata="myFunction()">
  5. <source src="/example/audio/horse.ogv" type="audio/ogg">
  6. <source src="/example/audio/horse.mp3" type="audio/mpeg">
  7. 您的浏览器不支持 audio 元素。
  8. </audio>
  9. <script>
  10. function myFunction() {
  11. alert("浏览器已加载完当前帧");
  12. }
  13. </script>
  14. </body>
  15. </html>