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>
- 实现效果: