是否可以设置 HTML5 audio 标签样式？

HTML 5 audio 标签可以设置样式。通过将 audio 标签与“controls”属性结合使用，使用默认的浏览器播放器。您可以通过不使用浏览器控件进行自定义。 

通过删除controls 属性，您可以隐藏内置的浏览器用户界面 −

<audioid = "player" src = "kalimba.mp3"></audio>
<div>
   <buttononclick = "document.getElementById('player').play()">Play</button>
   <buttononclick = "document.getElementById('player').pause()">Pause</button>
   <buttononclick = "document.getElementById('player').volume += 0.2">Vol+</button>
   <buttononclick = "document.getElementById('player').volume -= 0.2">Vol-</button>
</div>

您还可以向各个元素添加 CSS 类并对其进行相应的设置。

varma

更新时间：2020-03-04

4.4K+ 次浏览

开启您的职业生涯

完成课程获得认证

开始