悬浮音乐播放器2.0


评分: +4+–x

div悬浮代码复制并二改自SCP-CN-1990，作者EtinjatEtinjat，遵循CC-BY-SA 3.0协议
由Aplayerjs和Metingjs强力驱动，开源万岁！
如果播放器没有反应请参考这篇教程
注：不兼容腾讯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！

前端技术源码装逼
页面版本: 51, 最后编辑于: 02 May 2020 03:03
编辑 评分 (+4) 标签 讨论 (1) 历史记录 附件 打印 网站工具 + 选项
除非特别注明，本页内容采用以下授权方式： Creative Commons Attribution-ShareAlike 3.0 License