如何将 html5 视频静音？答案

【问题标题】：How can an html5 video be muted?如何将 html5 视频静音？
【发布时间】：2014-01-29 09:49:36
【问题描述】：

我正在为一位客户建立一个页面，他希望我在他的画廊中展示他的一些视频。问题是，他做了很多砖石/建筑/混凝土工作，而且他只是不说脏话，只是在他的视频中听起来像个彻头彻尾的家伙。尽管如此，他希望我把它们放到网上。

我的问题是：我可以使用某种 html5 选择器/js/jquery/css/etc 从视频标签中删除音量控制吗？我可以使用其他程序从原始视频中完全删除所有声音，但如果有更好、更优雅的方式，我会这样做。

我已经尝试过这样的事情：

var myVideo = document.getElementById('myVideo');
myVideo.muted = true;

它有效，但它只是开始视频静音。它仍然留下了增加音量的选项。基本上，我希望用户能够看到视频并拥有除声音之外的所有控件。我希望视频开始静音，并且用户无法提高声音。

有什么建议吗？

【问题讨论】：

【解决方案1】：

HTML 5 中没有 API 可以强制关闭声音。

您只能通过完全移除本机控件并构建自己的替代品来摆脱音量控件。

但是，这仍然允许人们通过浏览器控制台访问视频对象并使用 HTML 5 API 取消静音。

阻止他们获取音轨的唯一方法是在将其传送到浏览器之前将其从媒体文件中取出。

【讨论】：

请注意，在 Mobile Safari（ipad、iphone）中，您根本无法控制视频的音量。所以你可能想把音频去掉。
是的，我今天早些时候刚刚读到过。我终于从文件中剥离了所有音频。我花了大约 4 个多小时，因为大约有 30 个视频，而 Movie Maker 相当于一个视频编辑器。现在...我必须将它们全部转换为 .ogv 和 .webm。这应该是另一个有趣的旅程......

【解决方案2】：

是的，您可以：

<video autoplay loop muted>
      <!-- your sources -->
</video>

在这里你可以看到一篇关于 HTML 5 视频作为背景的帖子：http://www.returngis.net/2014/01/html-5-video-como-background/

另外，您可以使用 video.muted 属性来控制它。像这样的：

var video = document.querySelector("#movie");     
video.muted = true;

干杯！

【讨论】：