不同浏览器中HTML标记<audio>的外观

Question

我的HTML5 / JSF页面中有一个标记，如下所示：

<audio controls="x"> 
            <source src="resources/audio/test.wav" type="audio/wav" /> 
</audio>

从Firefox和Chrome浏览器查看时，音频控件的外观为黑灰色（audio2.png）。当在Eclipse＆＃34;系统默认Web浏览器中观看时，音频控件的外观更轻（色彩鲜艳）。 （audio1.png）。

我更喜欢audio1.png的颜色。有没有办法在Firefox和Chrome中实现audio1.png的外观？

Answer 1

不幸的是，没有简单的方法可以做到这一点。您can't actually style the audio tag itself，您只能在所有浏览器中创建自己的自定义控件。

如其他答案中所述，最好的解决方案可能是use an existing player。