如何在HTML5中设置音频面板的样式

Question

我想设置音频面板的样式，仅显示播放按钮，而不是音量控制和时间。我正在使用的代码是这样的：

<audio class="play_button" controls="" preload="none" style="width:175px" class="kskin" data-durationhint="1.55" data-startoffset="0"> <source src="audio/giraalaizquierda.ogg" type="audio/ogg; codecs=&quot;vorbis&quot;" data-title="Original Ogg file (100 kbps)" data-shorttitle="Ogg source" data-width="0" data-height="0" data-bandwidth="100377"></audio>

enter image description here

Answer 1

您无法设置本机控件的样式。

您只能省略controls属性，然后构建自己的UI（例如使用<button>），它使用JavaScript控制音频元素。