javascript - 为视频添加静音按钮

标签 javascript html audio video

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

这就是我目前的 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/

相关文章:

javascript - 如何提交由动态列和行组成的表单

html - ASP.NET MVC HTML Helpers 是否被高估了?

html - Burger-Button 的点击区域未固定到实际的 Buttonarea

java - 实现静音按钮时应用程序崩溃

python - 如何对两个 wav 文件的 fft 进行卷积

qt - 在 Qt 中执行 ffmpeg 以裁剪音频

javascript - Angular 2 ngModel不绑定(bind)类定义中定义的对象属性

javascript - 在文本输入框中添加 block ,类似于电子邮件应用程序到字段

javascript - 反转我的加密方法

javascript - 如何在 jquery 文本区域中仅对一行进行颜色处理