如何静音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

在这里查看所有活动

(旁注:attr如果在jQuery <1.6中使用)

Answer 2

如果您不想使用jQuery,这里是vanilla JavaScript:

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

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

它也适用于音频,只需放置元素的id就可以了(如果你愿意,可以改变var名称,改为'media'或者你喜欢的音频/视频).