用于音频嵌入的自定义静音按钮？

Question

我正在尝试为embed标记设置自定义静音按钮。

<embed src="intro.mp3" autostart="true" hidden="true" loop="false">

有没有办法通过JS做到这一点？

这适用于音频标签：

document.getElementById('audio').muted = true;

Answer 1

不，there is no muted attribute for embed elements。如果你想控制音量，你需要使用audio element或你可以传递参数的专有插件。

Answer 2

这显然是一个老问题，但我有一个类似的问题...可能不是最好的解决方案，但我只是将嵌入放在div中并删除了'静音按钮'上的div，然后隐藏了静音按钮：

<a href="#" id="mutebutton">mute</a>

<div id="soundDiv"><embed...></embed></div>

$("#mutebutton").click(function() {
            $(this).hide();
            var div = document.getElementById("soundDiv");
            div.parentNode.removeChild(div);
        });

我还是个菜鸟，所以这可能不适合你。但它确实适合我！