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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。