javascript - 使用 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 .