青春就是不停不停的奋斗
shibux.com

WordPress添加音乐播放器(纯代码不需要插件)

至于效果如何就不说了,本站用的就是这个。

下载三个文件APlayer.min.css、APlayer.min.js、Meting.min.js,将两个js文件放到主题的js文件夹中,将css文件放到主题的css文件夹中 。

三个文件下载链接: https://www.g-disk.net/s/gp3j0e12

解压码下载https://tc5.us/file/22574250-420070066

在主题的footer.php中添加如下代码:

<link rel="stylesheet" href="wp-content/themes/DUX-v6.1/css/APlayer.min.css">
<script src="wp-content/themes/DUX-v6.1/js/APlayer.min.js"></script>
<div class="aplayer"
    data-id="2537492111"
    data-fixed="true"
    data-server="netease"
    data-volume="0.4"
    data-type="playlist">
</div>
<script src="wp-content/themes/DUX-v6.1/js/Meting.min.js"></script>

将代码中三个:

wp-content/themes/DUX-v6.1/css/APlayer.min.css

wp-content/themes/DUX-v6.1/js/APlayer.min.js

wp-content/themes/DUX-v6.1/js/Meting.min.js

改为你的WordPress主题的根目录。保存好后,刷新网页就可以看到播放器了。

更换歌单:

打开网页版的网易云音乐,修改代码data-id=”2537492111″的数字。

赞(0)
转载记得带上本站十步行 » WordPress添加音乐播放器(纯代码不需要插件)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

需要帮助请到文章下方留言