为博客添加一个小音乐播放器

最新推荐文章于 2024-04-21 09:52:25 发布

VIP文章我爱吃红薯

最新推荐文章于 2024-04-21 09:52:25 发布

阅读量793

点赞数 1

分类专栏： Vue 文章标签： nuxt.js vue.js html

本文链接：https://blog.csdn.net/qq_45315910/article/details/109470422

版权

1，引入3行js,css

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css">
    <script src="http://cdn.jsdelivr.net/npm/[email protected]/dist/APlayer.min.js"></script>
    <script src="http://cdn.jsdelivr.net/npm/[email protected]/dist/Meting.min.js"></script>

2，1行html

    <div class="aplayer" data-id="2099017769" data-server="netease" data-type="playlist" data-fixed="true" data-order="random" data-autoplay="false" data-listfolded="true"></div>

3，结果

4，扩展：nuxt.js中使用：

nuxt.config.js的head中配置js,css

    link: [
      { rel:

最低0.47元/天解锁文章

优惠劵

我爱吃红薯

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
为博客添加一个小音乐播放器

1，引入3行js,css <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css"> <script src="http://cdn.jsdelivr.net/npm/[email protected]/dist/APlayer.min.js"></script> <script src="http://cdn.jsdelivr
复制链接

扫一扫