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 对象