HTML | DOM 视频播放属性

Video Played 属性用于返回 TimeRanges 对象。
TimeRanges 对象用于表示用户已经播放的视频范围的情况。
播放范围是播放视频的时间范围。如果用户跳过视频，他可能会获得多个播放范围。
视频播放属性是只读属性。
TimeRanges 对象属性是：

• length：用于获取视频中播放范围的数量
• start(index)：用于获取播放范围的开始位置
• end(index)：用于获取播放范围的结束位置

句法：

videoObject.played

下面的程序说明了视频播放属性：
示例：以秒为单位获取视频的第一个播放范围。

  

    
        HTML | DOM Video played Property
    
    
        h1 {
            color: green;
        }
          
        h2 {
            font-family: Impact;
        }
          
        body {
            text-align: center;
        }
    

  

  
    GeeksforGeeks
    Video played Property
    
  
    
        
        
    
  
    
      To return the first played range of the video
      in seconds, double click the
      "Return Played Range" button.
    
  
    
      Return Played Range
    
  
    
  
    
        function My_VideoRate() {
            var v = document.getElementById("Test_Video");
            
            document.getElementById("test").innerHTML = 
              "Starts At: " + v.played.start(0) +
              " Ends At: " + v.played.end(0);
        }
    
  

  

输出：

点击按钮前：

点击按钮后：

支持的浏览器： HTML支持的浏览器 | DOM 视频播放属性如下：

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