我制作了一個帶有歌曲播放列表的音頻標簽,但我無法弄清楚如何設置音頻標簽的樣式。你們有沒有預制的樣式,我可以包含或附加,我需要一些普通的白色 MP3 播放器,就像我在圖片中發送的那樣。我想要的 MP3 播放器我現在的玩家代碼說明:我做了一個帶有播放列表的播放器,我可以在其中播放我想播放的歌曲,它還會自動逐首播放,當所有歌曲都消失時,它會從頭開始。我需要設計我的代碼。<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>標簽是否可以風格化?
烙印99
2023-12-14 16:08:23