在网页中嵌入网易云音乐

最新推荐文章于 2024-11-07 20:12:00 发布

原创最新推荐文章于 2024-11-07 20:12:00 发布 · 2.4k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#网页中嵌入播放器

前端专栏收录该内容

1 篇文章

订阅专栏

博客介绍了在网页中嵌入网易云播放器的方法。可用 iframe 标签实现，分有播放列表和无播放列表两种情况，也可用 embed 标签。还说明了获取网易云连接及 ID 的方式，以及代码中关键参数的含义，如宽度、高度、自动播放设置等，此外还提及了借鉴他人网页代码的方法。

用 iframe 标签实现

有播放列表：

<iframe frameborder="0" border="1"             
 　　marginwidth="0" marginheight="0"            
 　　width="100%" height="360"             
 　　src="//music.163.com/outchain/player?type=2&amp;id=2512690504&amp;auto=1&amp;height=80">
</iframe>

无播放列表：

<iframe frameborder="0" border="1"        
 　marginwidth="0" marginheight="0"            
 　width=250height=62
 　src="//music.163.com/outchain/player?type=2&id=464916877&auto=1&height=60">
</iframe>

使用 embed 标签实现

<embed border="0" 
     marginwidth="0" marginheight="0" 
     width="250" height="52" 
     src="//music.163.com/outchain/player?type=0&amp;id=2512690504&amp;auto=1&amp;height=32">

解释说明

怎么获得网易云连接及ID
- 在网页中打开网易云并登陆，顶上的连接就是咯
- 也可以在手机上点分享，然后复制链接，到其他地方粘贴就能看到了
- 代码中的关键说明
  - width=100% 自适应宽度
  - height=200 根据自己喜好修改
  - id=34238509 为歌曲列表页的ID
  - auto=0 | 1
    - 0为不自动播放
    - 1为自动播放