在页尾插入HTML代码即可(!!建议自建CDN!!)
<!-- require APlayer -->
<link href="https://cdn.bfsea.xyz/aplayer/1.10.1/APlayer.min.css" rel="stylesheet">
<script src="https://cdn.bfsea.xyz/aplayer/1.10.1/APlayer.min.js"></script>
<!-- require MetingJS -->
<script src="https://cdn.bfsea.xyz/js/Meting-2.0.1.min.js"></script>
<meting-js server="netease" theme="#F58EA8" mini="true" type="playlist" id="2768256678" fixed="true" autoplay="true" loop="all" order="random" preload="auto"></meting-js>
<style>
.aplayer-title{color: #666;} /*颜色修复*/
.aplayer-list-title{color: #666;} /*颜色修复*/
.aplayer.aplayer-fixed .aplayer-miniswitcher {border-bottom-right-radius: 7px;border-top-right-radius: 7px;} /*右半圆角*/
.aplayer-body {border-bottom-right-radius: 7px;border-top-right-radius: 7px;} /*右半圆角*/
.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body {left: -66px;} /*左收进*/
.aplayer.aplayer-fixed .aplayer-lrc {text-shadow: none;} /*歌词取消外发光效果*/
.aplayer .aplayer-lrc p.aplayer-lrc-current {text-shadow: none;color: #fff;} /*当前歌词高亮*/
</style>
附：Metingjs 用法:
| 选项 | 默认值 | 描述 |
|---|---|---|
| id(编号) | require | 歌曲ID /播放列表ID /专辑ID /搜索关键字 |
| server(平台) | require | 音乐平台：netease，tencent，kugou，xiami，baidu |
| type（类型） | require | song，playlist，album，search，artist |
| auto（支持类种 类） | options | 音乐链接，支持：netease，tencent，xiami |
| fixed（固定模式） | false | 启用固定模式，默认false |
| mini（迷你模式） | false | 启用迷你模式,默认false |
| autoplay（自动播放） | false | 音频自动播放，默认false |
| theme(主题颜色) | #2980b9 | 默认#2980b9 |
| loop（循环） | all | 播放器循环播放，值：“all”，one”，“none” |
| order(顺序) | list | 播放器播放顺序，值：“list”，“random” |
| preload(加载) | auto | 值：“none”，“metadata”，“‘auto” |
| volume（声量） | 0.7 | 默认音量，请注意播放器会记住用户设置，用户自己设置音量后默认音量将不起作用 |
| mutex（限制） | true | 防止同时播放多个玩家，在该玩家开始播放时暂停其他玩家 |
| lrc-type（歌词） | 0 | 歌词显示 |
| list-folded（列表折叠） | false | 指示列表是否应该首先折叠 |
| list-max-height（最大高度） | 340px | 列出最大高度 |
| storage-name（储存名称） | metingjs | 存储播放器设置的localStorage键 |
Q.E.D.