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

不幸的是，由于它们是本机构建的，因此不在跨浏览器解决方案中。您可以将许多基于-webkit-的psuedo元素作为样式对象，但这些元素只能在基于webkit的浏览器上使用（例如：在Firefox / IE / Edge上不起作用）。但是，您可以使用音频API，在duplicate SO question上有一个很好的答案，有关使用JW Player，它是该API的包装，并提供了样式控制。