javascript - HTML标签<audio>在不同浏览器中的表现

Question

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

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

从 Firefox 和 Chrome 浏览器查看时，音频控件的外观为黑灰色 (audio2.png)。在 Eclipse 的“系统默认 Web 浏览器”(audio1.png) 中查看时，音频控件的外观更亮(彩色)。

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

Answer 1

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

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