如何静音html5视频播放器

Question

我已经找到了如何使用jquery暂停和播放视频

$("video").get(0).play();
$("video").get(0).pause();

但是我找不到静音按钮，如果没有jquery解决方案，我只需要一个onclick js解决方案就可以了。我需要它尽快。

还有办法解决静音延迟吗？我希望它在单击按钮后立即静音/取消静音。

Answer 1

$("video").prop('muted', true); //mute

和

$("video").prop('muted', false); //unmute

查看所有活动here

（旁注：如果在jQuery＆lt; 1.6）

中使用attr

Answer 2

如果您不想使用jQuery，请访问以下简称：

///Mute
var video = document.getElementById("your-video-id");
video.muted= true;

//Unmute
var video = document.getElementById("your-video-id");
video.muted= false;

它也可以用于音频，只需输入元素的ID即可使用（如果需要，可以更改var名称，以及适用于音频/视频的媒体等）如你所愿）。

Answer 3

您是否在视频广告代码上使用默认控件boolean属性？如果是这样，我相信所有支持的浏览器都有静音按钮。如果你需要连接它，在javascript中的元素上设置.muted为true（使用.prop为jquery，因为它是一个IDL属性。）音量控件上的扬声器图标是chrome，ff，safari上的静音按钮，歌剧，例如