使用自定义按钮将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

这应该工作:

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

演示:http://jsfiddle.net/mattball/sVwXH/(没有jQuery)