使用 JS 或 Jquery 在浏览器窗口中禁用声音

Question

有什么方法可以禁用可能嵌入视频的浏览器窗口上的所有声音？

我不是在寻找特定的解决方案，例如使用 js 等定位 Youtube ......我需要一些通用的东西来关闭该页面的所有声音，所以如果任何视频播放它没有声音。需要在页面级别关闭声音的东西，而不是通过 js 等单独解决每个玩家...

我不知道有什么可以做到这一点，但我想我会问。

如果你能指出我正确的方向，非常感谢。

PS：我知道如何使用 JS 将页面中的所有声音静音？但这不是我需要的。

Answer 1

您必须迭代所有音频/视频标签并将音量设置为 0。

超文本标记语言

<div id="mute-button"><img src=""/><div>

jQuery

$('#mute-button').on('click', function(){

    $('audio,video').each(function(){
       $(this).volume = 0.0;
    });

});

或者，您可以暂停源：

$(this).pause();

对于其他嵌入式标签（youtube、vimeo ..），请查看此讨论。