• 博客园样式美化:给博客添加一个音乐播放器


    效果展示#


    代码#

      博客园管理 -> 设置 -> 页脚HTML代码

      把下面的代码粘贴上就ok了!

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.0/dist/APlayer.min.css">
    <script src="https://blog-static.cnblogs.com/files/yjlaugus/APlayer.min.js"></script>
    <div id="aplayer" class="aplayer"  data-id="865331941" data-server="netease" data-type="playlist" data-fixed="true"
     data-autoplay="false" data-volume="0.3" data-listfolded="true" data-order="random" data-theme="#F58EA8"></div> <script src="https://unpkg.com/meting@1.2/dist/Meting.min.js"></script>

      保存之后就可以看到左下角的音乐播放器了,看博客的时候来点背景音乐也是可以的!

    自定义自己的歌单#

      最核心的就是修改data-id和data-server就可以了

      举例网易云音乐

      选择一个自己喜欢的歌单,可以看到有生成外链播放器,如下图,

      进去之后就可以看到歌单的id了,复制这个id,然后修改上述代码的data-id就可以了

    出处:https://www.cnblogs.com/jyroy/p/10374442.html

    您的资助是我最大的动力!
    金额随意,欢迎来赏!
    款后有任何问题请给我留言。

    如果,您认为阅读这篇博客让您有些收获,不妨点击一下右下角的推荐按钮。
    如果,您希望更容易地发现我的新博客,不妨点击一下绿色通道的关注我。(●'◡'●)

    如果你觉得本篇文章对你有所帮助,请给予我更多的鼓励,求打             付款后有任何问题请给我留言!!!

    因为,我的写作热情也离不开您的肯定支持,感谢您的阅读,我是【Jack_孟】!

  • 相关阅读:
    North North West
    HDU-5387 Clock
    HDU-1036 Average is not Fast Enough!
    Growling Gears
    HDU-5375 Gray code
    HDU-5373 The shortest problem
    hdu-5364 Distribution money
    UVA
    HDU-5363 Key Set
    HDU-5326 Work
  • 原文地址:https://www.cnblogs.com/mq0036/p/13856004.html
Copyright © 2020-2023  润新知