HTML Video controller用法及代码示例

controller属性返回视频的当前媒体控制器。默认情况下，视频元素没有媒体控制器。媒体控制器属性将返回MediaController对象。

用法

videoObject.controller

返回值

MediaController：代表视频的媒体控制器
Object ：MediaController对象的属性/方法：
- buffered –获取视频的缓冲范围
- seekable –获取视频的可搜索范围
- duration –获取视频的持续时间
- currentTime-获取或设置视频的播放位置
- paused –检查视频是否已暂停
- play()-播放视频
- pause()-暂停视频
- played –检查视频是否已播放
- defaultPlaybackRate-获取或设置视频的默认播放速率
- playbackRate-获取或设置视频的当前播放速率
- volume –获取或设置视频的音量
- muted –获取或设置视频是否已静音

例：

<!DOCTYPE html> 
<html> 
  
<body> 
    <video id="Test_Video" width="360" height="240" controls> 
  
        <source id="mp4_source" src="sample2.mp4" type="video/mp4"> 
  
        <source id="ogg_source" src="sample2.ogg" type="video/ogg"> 
    </video> 
    <br> 
    <button onclick="myVideo()" type="button">Click It</button> 
    <br> 
  
    <script> 
        var v = document.getElementById("Test_Video"); 
  
        function myVideo() { 
            alert("Controller:" + v.controller); 
        } 
    </script> 
  
</body> 
  
</html>

输出：

支持的浏览器：以下列出了HTML Video controller属性支持的浏览器：

不支援Google Chrome
不支持Internet Explorer
不支持Firefox
不支持Apple Safari
不支援Opera

相关用法

注：本文由纯净天空筛选整理自shubham_singh大神的英文原创作品 HTML | DOM Video controller Property。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。