单击播放时html音频静音，单击静音时再次静音

Question

我想要符合功能的html音频代码： 点击音频 并再次点击音频关闭。 我整天搜索，只发现了这段代码：

HTML                  

<a href="#noscroll" id="mute">toggle sound</a>

的javascript

var audio = document.getElementById('background_audio');

document.getElementById('mute').addEventListener('click', function (e)
{
    e = e || window.event;
    audio.muted = !audio.muted;
    e.preventDefault();
}, false);

但这会自动启动，我希望音频启动静音，然后功能与它一样。

Answer 1

然后您可以在加载时将音频设置为静音。 audio.muted = true;

var audio = document.getElementById('background_audio');
audio.muted = true;
document.getElementById('mute').addEventListener('click', function (e)
{
    e = e || window.event;
    audio.muted = !audio.muted;
    e.preventDefault();
}, false);