我想为我页面上的视频创建一个静音按钮。我的页面有一个带循环的背景视频,没有别的。但是过了一会儿,声音就很烦人了。我找到了一个停止视频的按钮,但之后我无法再次播放。另外,我正在寻找一个静音按钮。
这就是我目前的 HTML。
<video autoplay id="bgvid" loop>
<source src="videos/chat/chat_noir.mp4" type="video/mp4">
</video>
<div class="mute" onclick="document.getElementById('bgvid').pause()">
<a href="#">Activer/Désaciver le son</a>
</div>
我有.pause功能,但是如何让视频继续播放,只去掉声音?如何重放视频或重放声音?
最佳答案
只需要介绍video
html标签的muted
属性的用法如下:
<div class="mute" onclick="document.getElementById('bgvid').muted = !document.getElementById('bgvid').muted">
<a href="#">Mute / Avtivate</a>
</div>
查看工作 JSFiddle example .
关于javascript - 为视频添加静音按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36043137/