博客园添加单曲背景音乐

博客园的自定义 css 、js背景的功能确实不错。还可以添加背景音乐啥的。

  • 首先在博客园的后台设置那里申请到 js 的权限才能插入播放器的代码,申请理由充分一点才能被审核通过,审核时间一两天。

在这里插入图片描述

  • 开通以后就可以使用js代码进行装饰了
  • 添加网易云背景音乐,登录到web版网易云的界面,播放要添加的单曲,点击后
    在这里插入图片描述
  • 来到歌曲的主页,生成外链播放器
    在这里插入图片描述
  • 复制下面的代码
    在这里插入图片描述
  • 把上面代码的 <iframe>标签换成 <embed>,这里注意的是 <embed> 是单标签,换成后如下:
  • 下面代码的 auto=0 为点击播放,auto=1 为自动播放
<embed frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 
height=86 src="//music.163.com/outchain/player?type=2&id=657666&auto=1&height=66"/>
  • 把上面的代码添加到博客园的侧边栏上即可
    在这里插入图片描述
  • 保存后刷新下博客园的页面看效果,如我的博客园。
  • https://www.cnblogs.com/xdr630/
  • 网易云音乐生成歌单的列表时会出现版权保护,这是由于歌曲不允许外链播放,目前只介绍单曲的插入播放。
    在这里插入图片描述
  • 也可以试着把能生成外链的单曲加入到新建的歌单当中,然后再生成外链,这样插入播放的音乐就是歌单上的了,大致步骤如下:
  • 点击网易云头像——>我的主页,找到我创建的歌单
    在这里插入图片描述
  • 点击歌单进去,生成歌单的外链播放器
    在这里插入图片描述
  • 接着就是和上面一样的步骤插入到博客园即可。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

兮动人

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值