众所周知,HTML5 已经可以很好的支持 Audio 和 Vedio 了,我们可以方便的在网页添加多媒体控件。然而,设计师总是与众不同,修改 Audio 默认样式已成常态。
本文将围绕如何通过 CSS
来修改 HTML5
的默认样式,撇开 JS
实现方式。当然,后续还会推出一篇文章:打造与众不同的 Audio 播放器,先占个坑吧!
一、Audio 结构
Audio 的用法很简单,插入下面的代码,一个原生音频播放器就完成了:
1 |
<audio controls="controls" preload="auto"> |