HTML | DOM oncanplaythrough 事件

HTML DOM oncanplaythrough 事件发生在指定媒体缓冲并且浏览器估计它可以播放而不必停止时。
音频/视频加载过程中发生的事件顺序：

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

支持的标签

• <音频>
• <视频>

句法：
在 HTML 中：

在 JavaScript 中：

object.oncanplaythrough = function(){myScript};

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

object.addEventListener("canplaythrough", myScript);

示例：使用 HTML

html

 

    
        
          GeeksforGeeks
      
        HTML DOM oncanplaythrough event
        
            
        
 
        
            function myFunction() {
                alert("Can play through video without stopping");
            }
        
    

 

输出：

示例：使用 JavaScript

html

 

    
        
          GeeksforGeeks
      
        HTML DOM oncanplaythrough event
        
            
        
 
        
            document.getElementById(
              "myVideo").oncanplaythrough = function() {
                myFunction()
            };
 
            function myFunction() {
                alert("Can play through video without stopping");
            }
        
    

 

输出：

示例：使用 addEventListener() 方法：

html

 

    
        
          GeeksforGeeks
      
        HTML DOM oncanplaythrough event
        
            
        
 
        
            document.getElementById(
            "myVideo").addEventListener("canplaythrough", myFunction);
 
            function myFunction() {
                alert("Can start playing video");
            }
        
    

 

输出：

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

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