码迷,mamicode.com
首页 > 其他好文 > 详细

给博客加了个音乐播放器

时间:2019-11-09 19:44:48      阅读:78      评论:0      收藏:0      [点我收藏+]

标签:ref   ima   页面   网易   播放器   nbsp   播放   unp   min   

本来用的是网易云的外链,后来发现APlayer就换成这个播放器组件了

在 页脚 HTML 代码 中插入以下代码就行了

1 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.css">
2 <script src="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js"></script>
3 <div id="aplayer" class="aplayer" data-autoplay="true"  data-id="3714831768" data-server="tencent" data-type="playlist" data-fixed="true" data-listfolded="true" data-order="random" data-theme="#F58EA8"></div>
4 <script src="https://unpkg.com/meting@1.2.0/dist/Meting.min.js"></script>

这样子播放器是在页面的左下角,效果如图:

技术图片

 

 

 

给博客加了个音乐播放器

标签:ref   ima   页面   网易   播放器   nbsp   播放   unp   min   

原文地址:https://www.cnblogs.com/vocaloid-fan1995/p/11827222.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!