#前言

  看着博客听着歌

#链接

还是各个大神的链接

https://github.com/MoePlayer/APlayer
https://github.com/metowolf/MetingJS

#步骤

1.在页尾html框贴入下面的代码（引用的css和js不用多说就是大佬开源的啦）

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.css">
<script src="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js"></script>
<div id="aplayer" class="aplayer" data-id="8418150" data-server="netease" data-type="playlist" data-fixed="true" data-listfolded="true" data-order="random" data-theme="#F58EA8"></div>
<script src="https://cdn.jsdelivr.net/npm/meting@2.0.1/dist/Meting.min.js"></script>

2.修改div里的参数，主要是data-id和data-server

大功告成！

#参数

data-id: 歌曲/专辑/歌单 ID

data-server: 音乐平台，支持如下参数

netease （网易云音乐）
tencent （qq音乐）
xiami （虾米音乐）
kugou （酷狗音乐）
baidu （百度音乐）
data-type: 请求类型，支持如下参数

song （单曲）
album （专辑）
playlist （歌单）
search （搜索）
data-mode: 播放模式

random （随机）
single （单曲）
circulation （列表循环）
order （列表）
data-autoplay: 自动播放

false
true

想要自己魔改或者更多参数介绍，访问上面的那两个链接啦。

博客美化-添加音乐播放器

原文：https://www.cnblogs.com/wmg92/p/13470617.html