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

Question

有没有办法禁用可能嵌入视频的浏览器窗口上的所有声音？

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

我不知道有任何可以做到的事情，但我想我会问。

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

PS：我知道How to mute all sound in a page with JS?，但这不是我需要的。

Answer 1

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

HTML

<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 ..），请查看this discussion。