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

IT技术 javascript jquery html video mute
2021-03-05 16:07:54

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

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

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

还有没有办法修复静音延迟?我希望它在单击按钮后立即静音/取消静音。

3个回答
$("video").prop('muted', true); //mute

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

在此处查看所有活动

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

@ user802035,欢迎您!记得选择一个accepted answer你可以的时候
2021-04-28 16:07:54

如果你不想使用 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 名称,更改为“媒体”或适合音频/视频的名称)。

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

第一个答案有效,默认情况下确实有一个静音按钮,但我正在制作自定义播放器
2021-04-28 16:07:54