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 属性
Video 对象