Javascript 为视频添加静音按钮

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

这就是我目前的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 autoplay id="bgvid" loop controls>

因此，您将能够暂停和静音视频。

---

如果您真的想拥有自己的静音按钮，请参阅。

您只需介绍

视频
html标记的
静音属性的用法，如下所示：

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



请参阅工作
谢谢。你知道停车后如何重新播放视频吗？（在视频控件之外）不管怎样，我发现
函数playpause（）{if（bgvid.paused）{bgvid.play（）；}或者{bgvid.pause（）；}}
只是奇怪的是，它不能与if video play（）一起暂停。。。只需使用暂停（）。