HTML | DOM ondurationchange 事件

HTML DOM ondurationchange 事件在音频/视频持续时间改变时发生。
音视频的时长从“NaN”变为加载时音视频的实际时长。
音频/视频加载过程中会发生以下事件：

• 加载启动
• 持续时间变化
• 已加载元数据
• 加载的数据
• 进行中
• 在线播放
• 可以播放

支持的标签：

• <音频>
• <视频>

句法：

• 在 HTML 中：

• 在 JavaScript 中：

object.ondurationchange = function(){myScript};

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

object.addEventListener("durationchange", myScript);

示例 1：使用 HTML

html

 

    
        HTML DOM ondurationchange Event
    

 

    
        GeeksforGeeks
        HTML DOM ondurationchange Event
        
            
        
 
        
            function GFGfun() {
                alert("The video duration has changed");
            }
        
    

 

输出：

示例 2：使用 JavaScript

html

 

    HTML DOM ondurationchange Event

 

    
        GeeksforGeeks
        HTML DOM ondurationchange Event
        
            
        
 
        
            document.getElementById("durVideo").ondurationchange = function() {
                GFGfun()
            };
 
            function GFGfun() {
                alert("The video duration has changed");
            }
        
    

 

输出：

示例 3：使用 addEventListener() 方法：

html

 

    
      HTML DOM ondurationchange Event
  

 

    
        GeeksforGeeks
        HTML DOM ondurationchange Event
       
        
            
        
 
        
            document.getElementById(
              "durVideo").addEventListener("durationchange", GFGfun);
 
            function GFGfun() {
                alert("The video duration has changed");
            }
        
    

 

输出：

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

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