自定义html5音频播放器

Question

我发现有一个新的HTML5标签。 我想要HTML / Javascript代码，但我不想要任何jQuery。 对于html文档，它将在后台自动播放音乐，我希望代码在屏幕的左上角做一个小的静音按钮。 这是要处理的标准代码。

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

*：不确定是否要包含在内

该按钮可以是文本或图片，并且可以更改（例如：静音/取消静音或静音，然后单击时更改为取消静音和返回）。

Answer 1

这应该工作 ：

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

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

参考