实例
关闭视频的声音:
myVid=document.getElementById("video1");
myVid.muted=true;登录后复制
定义和用法
muted 属性设置或返回音频/视频是否应该被静音(关闭声音)。
浏览器支持
所有主流浏览器都支持 muted 属性。
注释:Internet Explorer 8 或更早的浏览器不支持该属性。
语法
设置 muted 属性:
audio|video.muted=true|false
登录后复制
返回 muted 属性:
audio|video.muted
登录后复制
属性值
| 值 | 描述 |
| true | 指示应该关闭音频/视频的声音。 |
| false | 默认。指示应该打开音频/视频的声音。 |
技术细节
| 返回值 | 布尔值。true|false |
| 默认值: | false |
实例
关闭视频的声音:
<!DOCTYPE html>
<html>
<body>
<p>
<button onclick="enableMute()" type="button">关闭声音</button>
<button onclick="disableMute()" type="button">打开声音</button>
<button onclick="checkMute()" type="button">检查静音状态</button>
</p>
<video id="video1" controls="controls">
<source src="/kf51/demo/mov_bbb.mp4" type="video/mp4">
<source src="/kf51/demo/mov_bbb.ogg" type="video/ogg">
您的浏览器不支持 video 标签。
</video>
<script>
var myVid = document.getElementById("video1");
function enableMute() {
myVid.muted = true;
}
function disableMute() {
myVid.muted = false;
}
function checkMute() {
alert(myVid.muted);
}
</script>
</body>
</html>登录后复制
【说明】:本文章由站长整理发布,文章内容不代表本站观点,如文中有侵权行为,请与本站客服联系(QQ:254677821)!
【说明】:本文章由站长整理发布,文章内容不代表本站观点,如文中有侵权行为,请与本站客服联系(QQ:254677821)!
相关教程推荐
- H5如何做出碎片式的图片切换
- H5的服务器推送事件详解
- Canvas实现旋转风车的绘制
- html5新增加的标签有哪些
- H5的localStorage使用总结
- H5最全面解读
- html5中重新加载音频/视频元素的方法load()
- Dreamweaver中设置html网页段落行间距的方法指导
- AugularJS基础入门与实践
- 带你了解什么是HTML5?
- 利用Html5实现文件异步上传功能代码实例
- HTML5canvas实现中奖转盘的实例代码
- 如何使用HTML5File接口在web页面上使用文件下载
- 如何利用HTML5实现分享到微信好友朋友圈QQ好友QQ空间微博二维码的功能
- 常用的<meta>代码整理汇总
- JS之原生数组splice方法实例
- 如何解决滚动条样式问题
- Vue.directive的自定义指令详解
- 在H5页面中怎样调用APP
- html5是什么意思
其他课程推荐
- CSS word-spacing 属性
- CSS white-space 属性
- CSS vertical-align 属性
- CSS unicode-bidi 属性
- CSS text-transform 属性
- CSS3 text-shadow 属性
- CSS text-indent 属性
- CSS text-align 属性
- CSS line-height 属性
- CSS letter-spacing 属性
- CSS direction 属性
- CSS color 属性
- CSS 颜色十六进制值
- CSS 颜色名称
- CSS Text(文本)
- CSS 创建
- CSS Id 和 Class选择器
- CSS 语法
- CSS 简介
- CSS 教程