HTML onprogress 事件

onprogress 事件在浏览器下载指定的视频/音频(audio/video)时触发。


实例

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <video controls onprogress="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>

浏览器支持

事件
onprogressYes9.0YesYesYes

定义和用法

onprogress 事件在浏览器下载指定的视频/音频(audio/video)时触发。

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

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

HTML 4.01 与 HTML5 之间的差异

无。


语法

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

更多实例

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <audio controls onprogress="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>