网易云音乐外链播放器嵌入指南:单曲与歌单列表

目录

裴先生
裴先生
发布于 2020-10-18 / 26 阅读
2
0
原创

在网页或博客中嵌入网易云音乐播放器,可以极大地提升内容的交互体验。本文将详细介绍如何通过 iframe 代码嵌入单曲列表模式。


一、 单曲模式嵌入

单曲模式适用于在文章中插入特定的某首歌曲。

1. 嵌入代码示例

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

2. 参数说明

  • width=100%:播放器宽度自适应容器。
  • height=86:播放器整体显示高度。
  • id=1486086007:歌曲的唯一 ID。
  • auto=0:播放设置(0 为手动点击播放,1 为页面加载后自动播放)。

3. 如何获取单曲 ID

  1. 打开网易云音乐客户端或网页版。
  2. 在任意歌曲上点击鼠标右键,选择复制链接
  3. 获得链接示例:http://music.163.com/song?id=167937&userid=47943177
  4. 链接中 id= 后的数字(如 167937)即为歌曲 ID。

B5471757-E310-4FB5-9EAD-12172123B44A.jpeg


二、 列表循环模式嵌入

列表模式适用于展示整个歌单或专辑。

1. 嵌入代码示例

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width="100%" height="110" src="//music.163.com/outchain/player?type=0&id=5430868177&auto=0&height=90"></iframe>

2. 参数说明

  • width=100%:自适应宽度。
  • height=110:可根据喜好修改(若歌单较长,可适当调大高度以显示更多曲目)。
  • id=5430868177:歌单或列表的唯一 ID。
  • auto=0:播放设置(0 不自动播放,1 自动播放)。

3. 如何获取歌单列表 ID

  1. 进入网易云音乐,找到想要嵌入的歌单
  2. 点击鼠标右键,选择复制链接
  3. 获得链接示例:http://music.163.com/playlist?id=5443196615&userid=47943177
  4. 链接中 id= 后的数字(如 5443196615)即为歌单 ID。

A5C52069-D9F8-4B15-BBEF-E38E58EEEB42.jpeg


小提示
部分歌曲由于版权原因可能无法生成外链播放器。如果嵌入后显示“由于版权保护,无法播放”,请更换其他有版权的曲目。

原创

版权声明:本博客原创文章,由 裴先生 2020年10月18日 发表。
转载说明:除特殊说明外本站文章皆由 CC BY-NC-SA 4.0 协议发布,转载须注明出处。


评论