自定义html5音频播放器

Question

我发现有一个新的HTML5标记。我想要一个HTML / Javascript代码，但我不想要任何jQuery。它是一个html doc，它将在后台自动播放音乐，我希望代码在屏幕的topleft角落做一个小静音按钮。下面是标准代码。

<audio controls="?"* loop="loop">
  <source src="horse.wav" type="audio/wave">
</audio>

*：不确定是否包含

按钮可能是文字或图片，可能会发生变化（例如：静音/取消静音或静音，然后点击更改为取消静音和返回）。

Answer 1

这should work：

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

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

Reference