我还没有找到任何关于如何做到这一点的资源。像改变播放器的颜色这样简单的东西将会很好:)
发布于 2010-11-09 02:38:57
是!带有"controls“属性的HTML5音频标记使用浏览器的默认播放器。您可以不使用浏览器控件,而是滚动自己的控件并通过javascript与音频API对话,从而根据自己的喜好对其进行自定义。
幸运的是,其他人已经这样做了。我现在最喜欢的播放器是jPlayer,它非常时髦,效果也很好。看看这个。
发布于 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-button
发布于 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随心所欲地设置元素样式。
https://stackoverflow.com/questions/4126708
复制相似问题