我制作了一個(gè)帶有歌曲播放列表的音頻標(biāo)簽,但我無法弄清楚如何設(shè)置音頻標(biāo)簽的樣式。你們有沒有預(yù)制的樣式,我可以包含或附加,我需要一些普通的白色 MP3 播放器,就像我在圖片中發(fā)送的那樣。我想要的 MP3 播放器我現(xiàn)在的玩家代碼說明:我做了一個(gè)帶有播放列表的播放器,我可以在其中播放我想播放的歌曲,它還會(huì)自動(dòng)逐首播放,當(dāng)所有歌曲都消失時(shí),它會(huì)從頭開始。我需要設(shè)計(jì)我的代碼。<meta charset="UTF-8"> <title>HTML5 Audio Player</title> <style> .audioPlayer{ display: block; border-radius: 20px; margin:0 auto; } #playlist{ list-style: none; } #playlist li a{ color:black; text-decoration: none; } } #playlist li a:hover{ color:grey; } #playlist li a:active{ color: steelblue; } #playlist .current-song a{ color:grey; } </style> <p>Muzika prosledjena preko <a href="ljubinko-stojanovic-smrtnik-privatna-baza-podataka.webnode.com">privatne baze podataka</a></p> <audio class="audioPlayer" src="" controls="" id="audioPlayer"> Va? ?ita? internet stranica ne podr?ava ovu radnju. </audio> <ul id="playlist"> <li class="current-song"><a href="https://archive.org/download/crveni-telefon/Koktel%20ljubavi.mp3">Nedeljko Baji? Baja - Koktel Ljubavi</a></li> <li><a href="https://archive.org/download/radio_202012/Disco.mp3">Nedeljko Baji? Baja - Disko</a></li> <li><a href="https://archive.org/download/radio_202012/Radio.mp3">Nedeljko Baji? Baja - Radio</a></li> <li><a href="https://archive.org/download/crveni-telefon/Crveni%20telefon.mp3">Nedeljko Baji? Baja - Crveni telefon</a></li> </ul> <script src="https://code.jquery.com/jquery-2.2.0.js"></script> <script src="https://ia601405.us.archive.org/16/items/audioplayer_202012/audioPlayer.js"></script> <script> // loads the audio player audioPlayer(); </script>
帶有播放列表的<audio>標(biāo)簽是否可以風(fēng)格化?
烙印99
2023-12-14 16:08:23