引入网易云音乐播放器卡片

博客或其他网站中,单调的浏览难免少了些兴趣,所以我们可以引入一些音乐播放器,在这里我给大家说一下如何引入网易云的播放器,超简单!

先看下效果,喜欢的直接开始上手

image.png

一、选择歌单

第一步:打开网页版网易云

第二步:登录后打开我的主页

image.png

第三步:打开你要选择的歌单,复制歌曲列表的id

image.png
image.png

第四步:打开生成音乐播放器卡片页面(网址是:https://music.163.com/#/outchain/0/你复制的歌单ID)

image.png

第五步:复制HTML代码到你的需要的页面是哪个就可以了(src拼上https:)。

是不是超简单!!!

后面说一下几个重要参数

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=450 src="https://music.163.com/outchain/player?type=歌曲或歌单&id=歌曲或歌单ID&auto=自动播放&height=高度"></iframe>

type:0是歌单,2是歌曲。
id:歌单或歌曲的ID(网页版网易云地址栏可以直接看到,PC版需要点击分享,粘贴板中有相应ID)。
auto:0是不自动播放,1是自动播放

有用的话,记得留言评论哦~

posted @ 2021-06-22 10:15  Pei你看雪  阅读(76)  评论(0)    收藏  举报  来源