（Javascript）如何点击静音按钮来静音我的背景音乐？

Question

现在在我的网站上，（http://www.thehistoryofhiphop.net），我正在努力使我的静音按钮正常工作。我想让它静音我播放的背景音乐。如何在点击图像时将其静音？ 这是我的音乐html：

<embed src="no_joke.mp3" loop="true" autostart="true" hidden="true" id="music"/>     

Answer 1

embed标记没有muted属性，因此请使用audio标记。

并使用此代码：

<script>
function toggleSound() {
  var elements = document.getElementsByTagName('audio');
  for(var e = 0; e < elements.length; elements[e].muted = !elements[e].muted, e++);
}
</script>

<button onclick="toggleSound()">TOGGLE SOUND</button>

<audio 
       src="http://www.thehistoryofhiphop.net/no_joke.mp3" 
       preload="auto" 
       loop="true" 
       autoplay="true" 
       id="music">