悬浮音乐播放器2.0


评分: +2+x

div悬浮代码复制并二改自SCP-CN-1990,作者EtinjatEtinjat,遵循CC-BY-SA 3.0协议
AplayerjsMetingjs强力驱动,开源万岁!
如果播放器没有反应请参考这篇教程
注:不兼容腾讯x5内核

使用教程:

第一步:进入你想添加播放器的页面
第二步:打开网页版网易云歌单,找到id,并粘贴到下面的代码中id=后面。例如我的歌单地址是https://music.163.com/#/playlist?id=4889482629&userid=1417449468,其中id为4889482629,把这串数字粘贴到代码中的id=后即可(不要忘记加引号)。
第三步:在想要添加播放器的页面内添加以下代码

[[module css]]

iframe.html-block-iframe{
height: 330px;
}

.check-box{
position:Fixed ;
left:20px;
bottom:0px;
}
[[/module]]
[[div class="check-box" ]]
[[html]]
<!-- Created by Etinjat; Edited by Lambda Core; -->
<head>
<style>
.box div{
float:center;
text-align:center;
}
</style>

</head>

<body>
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.0/dist/APlayer.min.css">
<div class="">

    <div class="row">
        <meting-js class="col l8 offset-l2 m10 offset-m1 s12"
                   server="netease"
                   type="playlist"
                   id="4889482629"
                   fixed='true'
                   autoplay='true'
                   theme:='#42b983'
                   loop='all'
                   order='random'
                   preload='auto'
                   volume='0.7'
                   list-folded='true'
        >
        </meting-js>
    </div>
</div>

<script src="http://lambdacore.wdfiles.com/local--files/float-div/Aplayer.js"></script>
<script src="http://lambdacore.wdfiles.com/local--files/float-div/Meting.js"></script>
</body>
[[/html]]
[[/div]]

保存页面,完成。Enjoy!

除非特别注明,本页内容采用以下授权方式: Creative Commons Attribution-ShareAlike 3.0 License