HTML | DOM onprogress 事件

HTML 中的DOM onprogress 事件发生在浏览器下载指定的音频/视频时。
音频/视频加载过程中发生的事件：

1. 加载启动
2. 持续时间变化
3. 已加载元数据
4. 加载的数据
5. 进行中
6. 在线播放
7. 可以播放

支持的标签

• <音频>
• <视频>

句法：

• 在 HTML 中：

• 在 JavaScript 中：

object.onprogress = function(){myScript};

• 在 JavaScript 中，使用 addEventListener() 方法：

object.addEventListener("progress", myScript);

示例：使用 addEventListener() 方法

html

 

    
        HTML DOM onprogress Event
    

 

    
        
          GeeksforGeks
      
        
          HTML DOM onprogress Event
      
 
        
            
        
 
        
            document.getElementById(
              "vidID").addEventListener("progress", GFGfun);
 
            function GFGfun() {
                alert("Video progress");
            }
        
    

 

输出：

• 前：

• 后：

支持的浏览器： HTML DOM onprogress 事件支持的浏览器如下：

• 谷歌浏览器
• 浏览器 9.0
• 火狐
• 苹果Safari
• 歌剧