HTML5 音频样式

Question

我想像这样设置 HTML5 音频的样式

 <audio controls>
  <source src="@Model.Audio.Mp3.Url" type="audio/mpeg">
    Your browser does not support the audio element.
 </audio>

上面的代码创建了下面的音频

有没有人做过类似的样式或者是否可以在 HTML5 音频播放器中做这种样式

如有任何建议，我们将不胜感激

Answer 1

不幸的是，它们不是在跨浏览器解决方案中，因为它们是 native 构建的。有很多基于 -webkit- 的伪元素，您可以将它们作为样式的目标，但这些元素仅适用于基于 webkit 的浏览器(例如:这不适用于 Firefox/IE/Edge)。但是，您可以使用音频 API，关于这个 duplicate SO question 有一个很好的答案。关于使用 JW Player，它是此 API 的包装器并为您提供样式控制。