主题博客添加 h5 贴边音乐插件

前言：

前几日，在逛微博的时候，发现微博主页的左下角有一个贴边的音乐小插件，我顿时就想在自己博客上也弄一个玩玩。当时就想把微博那个移植过来，首先我用谷歌浏览器F12 查看页面源码，和检查元素代码，发现那个写的太复杂，无法直接拿过来用，在网上查询 ，微博的音乐电台插件如何实现，也没有找到实质的东西。

首先看下微博音乐插件的效果图如下：

 

 

 最后实在没有找到方法，我就搜索了一下 h5 音乐贴边插件 看来几个就发现有一个大佬开源的 h5音乐播放器，不仅美观，功能强大，实用起来十分方便。

下面是效果预览图：

 

 

接下来直接进入主题。

宅音乐播放器-快速部署

大佬网站主页：https://ilt.me/

播放器管理后台地址：https://player.ilt.me/

1、进入播放器后台#

访问 管理后台地址 ：https://player.ilt.me/

创建账号、创建播放器、创建歌单、添加 网易云音乐，酷狗音乐、QQ音乐

2、获取插件代码#

在后台管理页面复制插件代码

3、在自己博客中添加插件代码#

在自己博客主页自定义html文本域添加插件代码

打开自己博客管理后台，选择 设置 【选项】 【页脚 HTML 代码】 文本域中粘贴 插件代码