HTML DOM Video controls 属性

最后更新于：2022-03-27 00:12:07

Video controls 属性

HTML DOM Video controls 属性 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 属性

HTML DOM Video controls 属性 Video 对象