Question

是否可以在audioplayer中设置HTML5 %的{{1}}样式？我试过了，但我找不到解决办法。

Answer 1

不，它不是 - 至少在浏览器和操作系统之间不可靠。每个浏览器（或移动操作系统）都有自己的HTML5音频播放器/ audio标签设计，大多数人都不会对通过CSS改变它的任何尝试作出反应。

解决这个问题的一种方法是使用jQuery插件＆＃34; jPlayer＆＃34; （http://jplayer.org/）尽可能使用HTML5音频，具有Flash后备选项，并且有自己的默认＆＃34; skin＆＃34;。但它也允许你为它建立自己的皮肤。这需要真正进入其结构（即通过尝试学习），但是一旦你理解了它，它就会给你很大的自由来创建你自己的音频播放器设计。

如果我理解正确，它们会隐藏HTML5音频播放器的默认界面并设置HTML / JS结构，该结构访问控制音频播放的可用JS事件。那些html元素有一些类，然后可以通过CSS规则自己设置样式。

Answer 2

2016年，大多数浏览器只支持应用CSS宽度％：

＆＃13;

audio {
  width: 80%
}

＆＃13;

<audio controls id="player" src="https://ia801009.us.archive.org/4/items/BeatlesGreatestHits/02%20With%20a%20Little%20Help%20From%20My%20Friends.mp3"> 
    <source src="" type="audio/mpeg"><br> 
</audio>

＆＃13;

在Firefox＆amp;铬

Answer 3

<audio controls id="player" style="width: 80%;"> 
    <source src="" type="audio/mpeg"><br> 
</audio>

在样式表中，您可以为“玩家”ID提供宽度。

<style>
    #player { width: 80%;}
</style>

是否可以在CSS中使用％设置HTML5音频播放器的大小？

3 个答案: