自定义 html5 音频播放器答案

【问题标题】：Custom html5 audio player自定义 html5 音频播放器
【发布时间】：2012-11-24 23:02:16
【问题描述】：

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

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

*: 不确定是否包含

按钮可以是文本或图片，并且可能会发生变化（例如：静音/取消静音或静音，然后单击时变为取消静音并返回）。

【问题讨论】：

【解决方案1】：

这个should work：

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

【讨论】：