Video controls 属性

实例

启用视频控件：

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

尝试一下

定义和用法

controls 属性设置或返回浏览器应当显示标准的视频控件。

该属性反映了<video> controls 属性。

当使用该属性时，它指定了显示视频控件。

视频控件包含：

• 播放
• 暂停
• 进度条
• 音量
• 全屏切换（供视频）
• 字幕（当可用时）
• 轨道（当可用时）

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

浏览器支持

所有主流浏览器都支持 controls 属性

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

语法

返回 controls 属性：

videoObject.controls

设置 controls 属性：

videoObject.controls=true|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 属性