如何在HTML5中为视频添加静音按钮？

Question

这是link。

视频以其声音播放我想添加静音按钮，以便人们可以实际暂停它。提前谢谢。

源代码：

<section id="video">
  <div class="header-container">
    <div class="video-container">
      <button id="mute-video">Toggle Mute</button>
      <video preload ="true" autoplay ="autoplay" loop volume="0">
        <source src ="video/MPAE_video.mp4" type="video/mp4">
      </video>
    </div>
  </div>
</section>

Answer 1

当您使用视频和源标签时，它会自动添加基本控件，如静音，播放和暂停。只需在视频代码中添加控件。

check this

<video width="640" controls><source src="video/MPAE_video.mp4"></source></video>