是否可以設(shè)置html5音頻標(biāo)簽的樣式？我沒(méi)有找到任何有關(guān)如何做到這一點(diǎn)的資源。像改變玩家顏色這樣簡(jiǎn)單的事情會(huì)很好:)
3 回答
月關(guān)寶盒
TA貢獻(xiàn)1772條經(jīng)驗(yàn) 獲得超5個(gè)贊
<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
哆啦的時(shí)光機(jī)
TA貢獻(xiàn)1779條經(jīng)驗(yàn) 獲得超6個(gè)贊
是的：您可以隱藏內(nèi)置瀏覽器UI（通過(guò)刪除controls屬性audio），然后構(gòu)建您自己的界面并使用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類(lèi)添加到元素（在本例中為div+ buttons），并根據(jù)需要設(shè)置樣式。
- 3 回答
- 0 關(guān)注
- 1232 瀏覽
添加回答
舉報(bào)
0/150
提交
取消