HTML | DOM oncanplay 事件

HTML DOM oncanplay 事件在指定的音频/视频缓冲到足以开始时发生。
音频/视频加载过程中事件发生的顺序：

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

支持的标签

• <音频>
• <视频>

句法：
在 HTML 中：

在 JavaScript 中：

object.oncanplay = function(){myScript};

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

object.addEventListener("canplay", myScript);

示例：使用 HTML

html

 

    
        
          GeeksforGeeks
      
        HTML DOM oncanplay event
 
        
            
        
 
        
            function myFunction() {
                alert("Can start playing video");
            }
        
    

 

输出：

示例：使用 JavaScript

html

 

    
        
          GeeksforGeeks
      
        HTML DOM oncanplay event
 
        
            
        
 
        
            document.getElementById("myVideo").oncanplay = function() {
                myFunction()
            };
 
            function myFunction() {
                alert("Can start playing video");
            }
        
    

 

输出：

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

html

 

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

 

输出：

支持的浏览器： DOM oncanplay Event支持的浏览器如下：

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