1. 单曲播放

插入代码:

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=100% height=86 src="https://music.163.com/outchain/player?type=2&id=110761&auto=0&height=66"></iframe>


参数说明

播放器可修改参数:

  • width=100% #自适应宽度
  • height=86 #根据自己喜好修改
  • id=110761 #为歌曲的ID https://music.163.com/#/song?id=110761
  • auto=0 #0为不自动播放,1为自动播放

2. 歌单列表播放(使用后发现并不好用)

插入代码:

<iframe src="https://music.163.com/outchain/player?type=0&id=473007041&auto=0&height=430" width="100%" height="450" frameborder="no" marginwidth="0" marginheight="0"></iframe> 

参数说明

播放器可修改参数:

  • width=100% #自适应宽度
  • height=450 #根据自己喜好修改
  • id=473007041 #为歌单的ID ,例如:https://music.163.com/#/playlist?id=473007041
  • auto=0 #0为不自动播放,1为自动播放

3. 歌单播放新方案(已失效)

经过实际使用,发现网易云歌单模式有很多音乐不能播放。于是找遍了网上的教程,发现了一个仿网易云歌单外链的服务,调用方式和网易云差不多一样

链接地址:博客音乐歌单外链

和网易一样。插入代码:

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width="100%" height=450 src="//cyixlq.gitee.io/iframe/#/type/id/true"></iframe>

参数说明

播放器可修改参数:

  • width=100% #自适应宽度
  • height=450 #根据自己喜好修改
  • type #为歌单的平台,QQ音乐type取值tencent,网易云音乐取值netease。
  • id #歌单id
  • 链接中最后一个参数,true代表自动播放,false表示不自动播放。

获取歌单Id方法:

  • QQ音乐: 登录网页版QQ音乐,选择需要制作外链的歌单,点击分享,点击复制链接,链接后方的id就是歌单id:

  • 网易云音乐: 打开网易云音乐客户端,选择需要制作外链的歌单,点击分享,点击复制链接,链接后方的id就是歌单id:

  • 示例链接:

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width="100%" height=450 src="https://cyixlq.gitee.io/iframe/#/tencent/7173945093/false"></iframe>

  • 实现效果: