Latest web development tutorials

HTML DOM Video controls 屬性

Video 對象參考手冊 Video對象

實例

啟用視頻控件:

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

嘗試一下»

定義和用法

controls 屬性設置或返回瀏覽器應當顯示標準的視頻控件。

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

當使用該屬性時,它指定了顯示視頻控件。

視頻控件包含:

  • 播放
  • 暫停
  • 進度條
  • 音量
  • 全屏切換(供視頻)
  • 字幕(當可用時)
  • 軌道(當可用時)

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


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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


語法

返回controls 屬性:

videoObject .controls

設置controls 屬性:

videoObject .controls=true|false

屬性值

描述
true|false 描述了是否顯示視頻控件:
  • true - 指定顯示控件
  • false - 默認。 指定不顯示控件

技術細節

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


更多實例

實例

查看視頻控件是否顯示:

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

嘗試一下»

實例

啟用,禁用及檢測控件狀態:

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

嘗試一下»

相關頁面

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


Video 對象參考手冊 Video對象