HTML 音频/视频 document controls 属性是显示标准的音频/视频控件,它负责控制播放的媒体 (视频或音频) 的控制条是否显示。
控制音频视频播放控件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>控制音频视频播放控件-HTML教程www.xuandaima.com</title>
</head>
<body>
<button onclick="enableControls()" type="button">启动控件</button>
<button onclick="disableControls()" type="button">禁用控件</button>
<button onclick="checkControls()" type="button">检查控件状态</button>
<br>
<video id="video">
<source src="/Template/Test/src/mov_bbb.mp4" type="video/mp4">
<source src="mov_bbb.ogg" type="video/ogg">
您的浏览器不支持 HTML5 video 标签。
</video>
<script>
myVid=document.getElementById("video");
function enableControls()
{
myVid.controls=true;
myVid.load();
}
function disableControls()
{
myVid.controls=false;
myVid.load();
}
function checkControls()
{
alert(myVid.controls);
}
</script>
</body>
</html>播放
暂停
定位
音量
全屏切换
下载
字幕（如果可用）
画中画（如果可用）
windows系统safari浏览器不支持该属性
设置 controls 属性：
音频对象/视频对象.controls=true|false
返回 controls 属性：
音频对象/视频对象.controls
 | 该属性的效果和<video>标签controls属性和<audio>标签controls属性一样效果。 |
| 值 | 描述 |
|---|---|
| true | 指示显示控件。 |
| false | 默认。指示不显示控件。 |
