有没有可能设置html5音频标签的样式？
有没有可能设置html5音频标签的样式？
提问于 2010-11-09 02:18:16
我还没有找到任何关于如何做到这一点的资源。像改变播放器的颜色这样简单的东西将会很好:)
回答 12
Stack Overflow用户
回答已采纳
发布于 2010-11-09 02:38:57
是!带有"controls“属性的HTML5音频标记使用浏览器的默认播放器。您可以不使用浏览器控件，而是滚动自己的控件并通过javascript与音频API对话，从而根据自己的喜好对其进行自定义。
幸运的是，其他人已经这样做了。我现在最喜欢的播放器是jPlayer，它非常时髦，效果也很好。看看这个。
Stack Overflow用户
发布于 2015-11-27 07:11:56
<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-buttonStack Overflow用户
发布于 2016-10-06 23:17:26
可以:您可以隐藏内置的浏览器UI (通过从audio中删除controls属性)，而使用Javascript (source)构建自己的界面并控制播放：
<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随心所欲地设置元素样式。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4126708
复制相关文章
相似问题