简体繁体 English

HTML5 <audio> 标签重置

[英]HTML5 <audio> tag reset

原文 2016-07-02 01:08:49 7 1 javascript/ html/ css

Is there some css reset or other way to normalize the HTML5 <audio> tag and its controls so that the audio player it creates looks similar or the same in all browsers? 是否有一些CSS重置或其他方式来标准化HTML5 <audio>标签及其控件，以使它创建的音频播放器在所有浏览器中看起来相似或相同？ Or is there perhaps another way to create a normalized audio player (without starting from scratch)? 还是有另一种方法来创建标准化的音频播放器（从头开始）？

NOTE: the specific audio player I want is a simple toolbar with a progress bar and play button and a pause button. 注意：我想要的特定音频播放器是一个简单的工具栏，带有进度条，播放按钮和暂停按钮。

1 个解决方案

Each browser interprets the audio player in its own way. 每个浏览器都以自己的方式解释音频播放器。 There is no standard design. 没有标准设计。 But you can use some framework css or some flash player (if you want it to look the same in all browsers). 但是您可以使用某些CSS框架或Flash Player（如果您希望在所有浏览器中看起来都一样）。 I recommend using css option because flash will fall. 我建议使用css选项，因为闪光灯会掉落。

https://www.sitepoint.com/10-jquery-html5-audio-players/ https://www.sitepoint.com/10-jquery-html5-audio-players/

Another option is to host your audio in some external service like soundcloud, they offer an audio player that you can insert into your website and your player looks the same on any browser. 另一种选择是将音频托管在诸如soundcloud之类的外部服务中，它们提供了一个音频播放器，您可以将其插入网站，并且该播放器在任何浏览器上看起来都一样。 I hope I could help. 希望我能帮上忙。

Luck. 运气。