HTML5 音频样式
HTML5 Audio styling
我想为 HTML5 音频设置这样的样式
<audio controls>
<source src="@Model.Audio.Mp3.Url" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
以上代码创建了以下音频
有人做过类似的造型吗？或者是否可以在 HTML5 音频播放器中做这种造型
如有任何建议，我们将不胜感激
不幸的是，它们不是在跨浏览器解决方案中，因为它们是本机构建的。有很多基于 -webkit- 的伪元素可以作为样式的目标，但它们只适用于基于 webkit 的浏览器（例如：这不适用于 Firefox/IE/Edge）。但是，您可以使用音频 API 并且关于使用 JW Player 的 duplicate SO question 有一个很好的答案，它是这个 API 的包装器并为您提供样式控制。
我想为 HTML5 音频设置这样的样式
<audio controls>
<source src="@Model.Audio.Mp3.Url" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
以上代码创建了以下音频
有人做过类似的造型吗？或者是否可以在 HTML5 音频播放器中做这种造型
如有任何建议，我们将不胜感激
不幸的是，它们不是在跨浏览器解决方案中，因为它们是本机构建的。有很多基于 -webkit- 的伪元素可以作为样式的目标，但它们只适用于基于 webkit 的浏览器（例如：这不适用于 Firefox/IE/Edge）。但是，您可以使用音频 API 并且关于使用 JW Player 的 duplicate SO question 有一个很好的答案，它是这个 API 的包装器并为您提供样式控制。