Controls属性 | HTML音频/视频

定义与用法

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

标准的音频/视频控件包括:

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

语法格式

设置 controls 属性:audio|video.controls=true|false

返回 controls 属性:audio|video.controls


示例代码

<script>
    myVid = document.getElementById("video1");
    function enableControls() {
        myVid.controls = true;
        myVid.load();
    }
    function disableControls() {
        myVid.controls = false;
        myVid.load();
    }
    function checkControls() {
        alert(myVid.controls);
    }
</script>

效果展示:


亲自试试


浏览器支持

属性
ControlsYesYesYesYesYes

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

提示:Internet Explorer 8 及之前的版本不支持该属性。


属性值

描述
true指示显示控件。
false默认。指示不显示控件。

技术细节

返回值:布尔值,true|false
默认值:false

相关