是否可以风格的HTML5audio标签？
我还没有find任何资源如何做到这一点…甚至改变球员的颜色将是好的:)
是! 带有“controls”属性的HTML5audio标签使用浏览器的默认播放器。 您可以通过不使用浏览器控件来自定义它，而是通过JavaScript来滚动自己的控件并与audioAPI交谈。
幸运的是，其他人已经这样做了。 现在我最喜欢的玩家是jPlayer ，非常有风格，效果很棒。 一探究竟。
<audio> audio::-webkit-media-controls-panel audio::-webkit-media-controls-mute-button audio::-webkit-media-controls-play-button audio::-webkit-media-controls-timeline-container audio::-webkit-media-controls-current-time-display audio::-webkit-media-controls-time-remaining-display audio::-webkit-media-controls-timeline audio::-webkit-media-controls-volume-slider-container audio::-webkit-media-controls-volume-slider audio::-webkit-media-controls-seek-back-button audio::-webkit-media-controls-seek-forward-button audio::-webkit-media-controls-fullscreen-button audio::-webkit-media-controls-rewind-button audio::-webkit-media-controls-return-to-realtime-button audio::-webkit-media-controls-toggle-closed-captions-button 标签的外观是依赖于浏览器的，但是你可以隐藏它，build立你自己的界面并使用Javascript来控制播放。
是的：您可以隐藏内置的浏览器UI（通过从audio删除controls属性），而是build立自己的界面，并使用Javascript（ 源代码 ）控制播放：
<audio id="player" src="vincent.mp3"></audio> <div> <button onclick="document.getElementById('player').play()">Play</button> <button onclick="document.getElementById('player').pause()">Pause</button> <button onclick="document.getElementById('player').volume += 0.1">Vol+ </button> <button onclick="document.getElementById('player').volume -= 0.1">Vol- </button> </div>
然后，您可以将CSS类添加到每个元素（在本例中为div + button ），然后根据需要添加样式。
HTMLAudioElement JavaScript接口的其他属性和方法可以在这里find。
要改变播放器的颜色，只需在你的css文件中findaudio标签，例如在我的一个网站上播放器变成不可见的（白色白色），所以我补充说：
audio { background-color: #95B9C7; }
这使玩家变成浅蓝色。
肯也是这样。
一个css标签：
audio { }
会给你一些结果。 似乎不希望玩家高于或低于25px的任何高度，但宽度可以缩短或延长到一定程度。
这对我来说已经足够了。 看到这个例子（警告，audio自动播放）： http://www.thenewyorkerdeliinc.com
您必须创build与HTML5audio元素接口的自己的播放器。 本教程将帮助http://alexkatz.me/html5-audio/building-a-custom-html5-audio-player-with-javascript/
如果你想在CSS浏览器标准音乐播放器的风格：
audio { enter code here; }
