如何将html5视频静音?

时间:2014-01-29 09:49:36

标签: javascript jquery html5 html5-video

我正在为客户建一个页面,他希望我在他的画廊展示他的一些视频。问题是,他做了很多砌筑/建筑/具体的工作,他只是没有给出关于咒骂的废话,只是听起来像他的视频中的完全鸡巴。尽管如此,他还是希望我把它们放到网上。

我的问题是:我可以使用某种html5选择器/ js / jquery / css / etc从视频标签中删除音量控制吗?我可以使用其他一些程序从原始视频中完全删除所有声音,但我觉得有更好,更优雅的方式。

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

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

它有效,但只有开始视频静音。它仍然可以选择增加音量。基本上我希望用户能够看到视频,除了声音之外,还有所有可用的控件。我希望视频开始静音,用户无法增加声音。

有什么建议吗?

2 个答案:

答案 0 :(得分:2)

HTML 5中没有API强制声音保持关闭。

只有完全删除本机控件并构建自己的替换项,才能摆脱音量控制。

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

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

答案 1 :(得分:1)

是的,你可以:

<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;

干杯!