title: Muting a HTML5 audio element using a custom button
body: <p>What's the best way to mute a HTML5 audio element? I don't want the browser's custom controls, so I've been looking at the javascript instead. Unfortunately it just doesn't seem to work for me :( I'm undoubtedly doing something very wrong.</p>
  
  <pre><code>    &lt;audio id="background_audio" autoplay="autoplay"&gt;
        &lt;source src="static/audio/clip.ogg" type="audio/ogg" /&gt;
        &lt;source src="static/audio/clip.mp3" type="audio/mpeg" /&gt;
      &lt;/audio&gt; 
  
  &lt;a href="#" onclick="document._video.muted=true; return false"&gt;mute sound&lt;/a&gt;
  </code></pre>
  
  <p>Still getting my head around this. Thanks!</p>