HTML | DOM 视频预加载属性

Video preload 属性用于设置或返回视频的 preload 属性的值。 preload 属性用于指定作者认为在页面加载时应该加载视频的方式。
视频预加载属性允许作者向浏览器描述网站用户体验的实现方式。

句法：

• 返回 preload 属性：

  videoObject.preload

• 设置预加载属性：

  videoObject.preload = "auto|metadata|none"

属性值：

• auto ：用于指定浏览器在页面加载时加载整个视频。
• metadata ：用于指定浏览器在页面加载时只加载元数据。
• none ：用于指定浏览器在页面加载时不应加载视频。

下面的程序说明了视频预加载属性。
示例 1：返回视频预加载属性。

  

    
        Video Preload Property
    

  

  
    
      GeeksforGeeks
    
    
      Video Preload Property
    
    
  
    
        
        
        
    
  
    To return the value of the preload attribute, 
      double click the "Return Preload Attribute" button.
  
    
      Return Preload Attribute
    
  
    
  
    
        function My_Video() {
            var v = document.getElementById(
              "Test_Video").preload;
            document.getElementById("test").innerHTML = v;
        }
    
  

  

输出：

• 点击按钮前：
  
• 点击按钮后：
  

示例 2：设置视频预加载属性。

  

    
        Video Preload Property
    

  

  
    
      GeeksforGeeks
    
    
      Video Preload Property
    
    
  
    
        
        
        
    
  
    To set the value of the preload attribute, 
      double click the "Set Preload Attribute" button.
  
    
      Set Preload Attribute
    
  
    
  
    
        function My_Video() {
            var v = document.getElementById(
              "Test_Video").preload="auto";
            document.getElementById("test").innerHTML = v;
        }
    
  

  

输出：

点击按钮前：

点击按钮后：

支持的浏览器： HTML支持的浏览器 |下面列出了DOM 视频预加载属性：

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