javascript - 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);