如何使用jQuery静音HTML5视频播放器

Question

我已经找到了使用jQuery暂停和播放视频的方法。

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

但是我找不到静音按钮，如果没有jQuery的解决方案，我只需要一个onclick js解决方案。我需要尽快完成。

还有一种方法可以修复静音延迟吗？我希望点击按钮后能立即将声音静音/取消静音。

- Cody

Answer 1

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

并且

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

查看所有事件，请点击此处

（附注：如果使用jQuery < 1.6，请使用attr）

- Naftali

Answer 2

如果您不想使用jQuery，这里是纯JavaScript的解决方案：

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

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

它也适用于音频，只需放置元素 id 即可使其运作（如果您愿意，可以更改变量名称为“media”或适用于音频/视频的其他名称）。

- delroh

Answer 3

你是否在视频标签上使用默认控件的布尔属性？如果是这样，我相信所有支持的浏览器都有静音按钮。如果需要连接它，请在javascript中将.muted设置为true（对于jquery，请使用.prop，因为它是IDL属性）。例如，在chrome、ff、safari和opera上，音量控制上的扬声器图标就是静音按钮。

- kinakuta

---

第一个答案可行，它默认有静音按钮，但我正在制作自定义播放器。 - Cody