使用自定义按钮将HTML5音频元素静音

Question

什么是静音HTML5音频元素的最佳方法？我不想要浏览器的自定义控件，所以我一直在寻找javascript。不幸的是，它似乎对我不起作用:(我无疑在做一些非常错误的事情。

    <audio id="background_audio" autoplay="autoplay">
      <source src="static/audio/clip.ogg" type="audio/ogg" />
      <source src="static/audio/clip.mp3" type="audio/mpeg" />
    </audio> 

<a href="#" onclick="document._video.muted=true; return false">mute sound</a>

还是要理解这个问题。谢谢！

Answer 1

这should work：

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

演示：http://jsfiddle.net/mattball/sVwXH/（没有jQuery）