JavaScript 参考手册教程
HTML DOM Video controls 属性
HTML DOM Video controls 属性
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
属性值
| 值 | 描述 |
|---|---|
| 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);
}
function enableControls()
{
x.controls = true;
x.load();
}
function disableControls()
{
x.controls = false;
x.load();
}
function checkControls()
{
alert(x.controls);
}
尝试一下 »
相关页面
HTML 参考手册: HTML <video> controls 属性
| HTML DOM Video controls 属性 |
|---|
JavaScript 参考手册
JavaScript 参考手册提供了完整的 JavaScript 对象、浏览器对象、HTML DOM 对象手册。手册包含了每个对象、属性、方法的实例。
加载中,请稍侯......