HTML5 MP3播放器

Question

我正在尝试制作一个简单的HTML5播放器，其中包含一个用于播放和暂停的按钮，来自2个图像，就是这样。而不是标准的“控制”。

<audio controls="controls">
<source src=".ogg" />
<source src=".mp3" />
</audio>

我该怎么做？

Answer 1

只需将width的CSS样式设置为45px。

CSS：

audio { width: 45px; }

HTML：

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

这就是它在Google Chrome中的外观。

这就是它在IE 9中的样子。