Javascript 是否<;音频>;带播放列表的标签是否可以样式化?
我制作了一个带有歌曲播放列表的音频标签,但我很难确定如何设置音频标签的样式。 你们中有谁有预先制作的款式吗?我需要一些普通的白色MP3播放器,比如我在图片中发送的那种。Javascript 是否<;音频>;带播放列表的标签是否可以样式化?,javascript,html,css,css-selectors,Javascript,Html,Css,Css Selectors,我制作了一个带有歌曲播放列表的音频标签,但我很难确定如何设置音频标签的样式。 你们中有谁有预先制作的款式吗?我需要一些普通的白色MP3播放器,比如我在图片中发送的那种。 代码说明: 我制作了一个带有播放列表的播放器,在其中我可以播放我想播放的歌曲,它还会自动按歌播放,当所有歌曲都消失后,它会从头开始播放。 我需要设计我的代码 <meta charset="UTF-8"> <title>HTML5 Audio Player</t
代码说明: 我制作了一个带有播放列表的播放器,在其中我可以播放我想播放的歌曲,它还会自动按歌播放,当所有歌曲都消失后,它会从头开始播放。 我需要设计我的代码
<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>
HTML5音频播放器
.音频播放器{
显示:块;
边界半径:20px;
保证金:0自动;
}
#播放列表{
列表样式:无;
}
#播放列表李a{
颜色:黑色;
文字装饰:无;
}
}
#播放列表a:悬停{
颜色:灰色;
}
#播放列表LIA:活动{
颜色:钢蓝色;
}
#播放列表。当前歌曲a{
颜色:灰色;
}
穆齐卡·普雷科
//加载音频播放器
音频播放器();
您必须制作自己的音乐播放器界面和控件。要做到这一点,您需要使按钮(或任何元素)具有音频功能。另一个答案在技术上是正确的,但有点缺乏细节。您需要使用JS来观看一些按钮操作,并构建自己的播放器/控件界面来将您的操作与之挂钩。这是默认的,它将为您提供大部分方法。它主要是HTML5,所以样式应该很简单
因此我无法对音频标签进行样式化,因此不可能以任何方式对其进行更改?可以,您只需做一些额外的工作即可。当然,这是可能的。谢谢你,非常有用!据我所知,我需要为MP3播放器编写自己的代码,并从您的链接中包含CSS和Javascript?您应该能够选择并运行这些代码,然后根据需要定制HTML。