Video controls 屬性

Video 對(duì)象參考手冊(cè) Video 對(duì)象

實(shí)例

啟用視頻控件：

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

嘗試一下 ?

定義和用法

controls 屬性設(shè)置或返回瀏覽器應(yīng)當(dāng)顯示標(biāo)準(zhǔn)的視頻控件。

該屬性反映了<video> controls 屬性。

當(dāng)使用該屬性時(shí)，它指定了顯示視頻控件。

視頻控件包含：

  • 播放
  • 暫停
  • 進(jìn)度條
  • 音量
  • 全屏切換（供視頻）
  • 字幕（當(dāng)可用時(shí)）
  • 軌道（當(dāng)可用時(shí)）

注意： <video> 元素是 HTML5 新增的。

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持 controls 屬性

注意： Internet Explorer 8 及更早IE版本不支持 <video> 元素。

語法

返回 controls 屬性：

videoObject.controls

設(shè)置 controls 屬性：

videoObject.controls=true|false

屬性值

值描述
true|false描述了是否顯示視頻控件：
  • true - 指定顯示控件
  • false - 默認(rèn)。指定不顯示控件

技術(shù)細(xì)節(jié)

返回值：布爾值，如果顯示視頻控件返回 true，否則返回 false。
默認(rèn)值:false 

更多實(shí)例

實(shí)例

查看視頻控件是否顯示:

var x = document.getElementById("myVideo").controls;
x輸出結(jié)果為：
true

嘗試一下 ?

實(shí)例

啟用，禁用及檢測控件狀態(tài)：

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

嘗試一下 ?

相關(guān)頁面

HTML 參考手冊(cè): HTML <video> controls 屬性

Video 對(duì)象參考手冊(cè) Video 對(duì)象