javascript - 自定义 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）

参考