javascript-如何使html5视频播放静音

我发现了如何使用jquery暂停和播放视频

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

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

还有解决静音延迟的方法吗? 我希望它在单击按钮后立即将声音静音/取消静音。

Cody asked 2020-02-21T07:55:35Z
3个解决方案
105 votes
$("video").prop('muted', true); //mute

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

在这里查看所有活动

(边注:如果在jQuery <1.6中,请使用attr

Neal answered 2020-02-21T08:07:53Z
64 votes

如果您不想使用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即可使用(并根据需要将var名称更改为“ media”或您喜欢的适用于音频/视频的名称)。

delroh answered 2020-02-21T08:08:19Z
0 votes

您是否在视频代码上使用默认控件的boolean属性? 如果是这样,我相信所有支持的浏览器都有静音按钮。 如果您需要进行连接,请在javascript中的元素上将.muted设置为true(对jquery使用.prop,因为它是IDL属性。)音量控件上的扬声器图标是chrome,ff,safari和 例如歌剧

kinakuta answered 2020-02-21T08:08:40Z
translate from https://stackoverflow.com:/questions/6376450/how-to-mute-an-html5-video-player