javascript - 为视频添加静音按钮

Question

我想为我页面上的视频创建一个静音按钮。我的页面有一个带循环的背景视频，没有别的。但是过了一会儿，声音就很烦人了。我找到了一个停止视频的按钮，但之后我无法再次播放。另外，我正在寻找一个静音按钮。

这就是我目前的 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功能，但是如何让视频继续播放，只去掉声音？如何重放视频或重放声音？

Answer 1

只需要介绍video html标签的muted属性的用法如下:

<div class="mute" onclick="document.getElementById('bgvid').muted = !document.getElementById('bgvid').muted">
  <a href="#">Mute / Avtivate</a>
</div>

查看工作 JSFiddle example .