Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/419.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否<;音频>;带播放列表的标签是否可以样式化?_Javascript_Html_Css_Css Selectors - Fatal编程技术网

Javascript 是否<;音频>;带播放列表的标签是否可以样式化?

Javascript 是否<;音频>;带播放列表的标签是否可以样式化?,javascript,html,css,css-selectors,Javascript,Html,Css,Css Selectors,我制作了一个带有歌曲播放列表的音频标签,但我很难确定如何设置音频标签的样式。 你们中有谁有预先制作的款式吗?我需要一些普通的白色MP3播放器,比如我在图片中发送的那种。 代码说明: 我制作了一个带有播放列表的播放器,在其中我可以播放我想播放的歌曲,它还会自动按歌播放,当所有歌曲都消失后,它会从头开始播放。 我需要设计我的代码 <meta charset="UTF-8"> <title>HTML5 Audio Player</t

我制作了一个带有歌曲播放列表的音频标签,但我很难确定如何设置音频标签的样式。 你们中有谁有预先制作的款式吗?我需要一些普通的白色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>

HTML5音频播放器
.音频播放器{
显示:块;
边界半径:20px;
保证金:0自动;
}
#播放列表{
列表样式:无;
}
#播放列表李a{
颜色:黑色;
文字装饰:无;
}
}
#播放列表a:悬停{
颜色:灰色;
}
#播放列表LIA:活动{
颜色:钢蓝色;
}
#播放列表。当前歌曲a{
颜色:灰色;
}
穆齐卡·普雷科

  • //加载音频播放器 音频播放器();
    您必须制作自己的音乐播放器界面和控件。要做到这一点,您需要使按钮(或任何元素)具有音频功能。

    另一个答案在技术上是正确的,但有点缺乏细节。您需要使用JS来观看一些按钮操作,并构建自己的播放器/控件界面来将您的操作与之挂钩。这是默认的
    ,它将为您提供大部分方法。它主要是HTML5,所以样式应该很简单


    因此我无法对音频标签进行样式化,因此不可能以任何方式对其进行更改?可以,您只需做一些额外的工作即可。当然,这是可能的。谢谢你,非常有用!据我所知,我需要为MP3播放器编写自己的代码,并从您的链接中包含CSS和Javascript?您应该能够选择并运行这些代码,然后根据需要定制HTML。