css - 如何在 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

您无法设置 native 控件的样式。

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