HTML5 MP3播放器

HTML5 MP3播放器,html,mp3,html5-audio,ogg,Html,Mp3,Html5 Audio,Ogg,我正在尝试制作一个简单的HTML5播放器,它有一个用于播放和暂停的按钮,来自两个图像,就是这样。而不是有标准的“控制” <audio controls="controls"> <source src=".ogg" /> <source src=".mp3" /> </audio> 我该怎么做呢?只需添加CSS样式,将宽度设置为45px CSS: HTML: 这就是它在谷歌浏览器中的外观 这就是IE 9中的外观 只需添加CSS样式,将宽度设置为45

我正在尝试制作一个简单的HTML5播放器,它有一个用于播放和暂停的按钮,来自两个图像,就是这样。而不是有标准的“控制”

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

我该怎么做呢?

只需添加CSS样式,将宽度设置为45px

CSS:

HTML:

这就是它在谷歌浏览器中的外观

这就是IE 9中的外观


只需添加CSS样式,将宽度设置为45px

CSS:

HTML:

这就是它在谷歌浏览器中的外观

这就是IE 9中的外观


嗨,太棒了,谢谢!有没有一种方法,我可以自定义播放按钮或是变得非常复杂?嗨,太棒了,谢谢!有没有一种方法可以让我定制播放按钮,或者这会变得非常复杂?
audio { width: 45px; }
<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>