在HTML5中自定义音频标签

Question

以下代码段

<audio controls>
  <source src="horse.mp3" type="audio/mpeg">
</audio>

生成以下音频控件：

问题1：有没有办法删除这些音频控件的进度条部分，这样唯一可见的是播放/暂停按钮和音量旋钮？

问题2：有没有办法使用其他图片完全自定义播放按钮的外观？

Answer 1

使用MediaElement.js http://mediaelementjs.com/#api，您可以轻松自定义html5音频控件。使用代码http://designshack.net/articles/css/custom-html5-audio-element-ui/

进行现场演示