Video controls 屬性

HTML DOM Video 對象

定義和用法

controls 屬性設置或返回視頻是否應顯示標準視頻控件。

此屬性表示 <video> controls 屬性。

如果設置該屬性，它規定應顯示視頻控件。

視頻控件應包括：

  • 播放
  • 暫停
  • 檢索
  • 音量
  • 全屏切換
  • 字幕（可用時）
  • 軌道（可用時）

實例

例子 1

啟用視頻控件：

document.getElementById("myVideo").controls = true;

親自試一試

例子 2

查看是否顯示視頻控件：

var x = document.getElementById("myVideo").controls;

親自試一試

例子 3

啟用、禁用以及檢查控件狀態：

var x = document.getElementById("myVideo");
function enableControls() { 
  x.controls = true;
  x.load();
} 
function disableControls() { 
  x.controls = false;
  x.load();
} 
function checkControls() { 
  alert(x.controls);
}

親自試一試

語法

返回 controls 屬性：

videoObject.controls

設置 controls 屬性：

videoObject.controls = true|false

屬性值

值 描述
true|false

規定視頻是否應顯示控件。

  • true - 表示顯示控件
  • false - 默認。表示不顯示控件

技術細節

返回值： 布爾值，如果顯示視頻控件則返回 true；否則返回 false。
默認值： false

瀏覽器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 9.0 支持 支持 支持

相關頁面

HTML 參考手冊：HTML <video> controls 屬性

HTML DOM Video 對象