HTML5 MP3 播放器

Question

我正在尝试制作一个简单的 HTML5 播放器，它有一个用于播放和暂停的按钮，来自 2 张图像，仅此而已。而不是拥有标准的“控制”。

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

我该怎么做？

Answer 1

只需添加 CSS 样式，将 width 设置为 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>

这是它在谷歌浏览器中的样子。

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