HTML网页调用音乐播放器教程

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>

• 实现效果：

发表时间：2019-08-25

本站文章除注明转载/出处外，皆为作者原创，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。