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

【问题标题】：How do I add a mute button to a video in HTML5?如何在 HTML5 中为视频添加静音按钮？
【发布时间】：2015-06-16 05:18:03
【问题描述】：

这里是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>

【问题讨论】：

请添加您用于生成输出/播放器的相关代码。并展示你已经尝试过解决问题的方法。

标签： html button video html5-video mute

【解决方案1】：

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

check this

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

【讨论】：