关于spotify在侧边栏无法正常响应

---

最初我在侧边栏放置的是 Spotify 的嵌入式链接，我喜欢的暗橄榄绿

但众所周知，因为国内“局域网”的原因，如果请求从国内发出，那个板块就无法正常加载

所以决定还是换成qq音乐的

但是qq音乐是没有直接可供复制的嵌入式链接的

如何获得qq音乐官方外链播放器并嵌入进网页就是这篇文章的主要内容

---

1.首先获取音乐ID

提示：

QQ音乐的音乐ID是纯数字的，不含其他字符

音乐ID只能在PC网页版获取，移动端是不行的

网页版

直接点击一首音乐旁边的分享按钮，后复制链接，你会得到：

https://i.y.qq.com/v8/playsong.html?songid=251856211#webchat_redirect

其中 songid 后面的这串数字 251856211 就是音乐ID

PC客户端

点击一首音乐旁边的三个小点 ... ，里面有个分享选项，点击后复制链接，你会得到：

https://c6.y.qq.com/base/fcgi-bin/u?__=MimxwFcHF8XO

然后在浏览器打开，你会发现在地址栏中出现了音乐ID，类似于

https://y.qq.com/n/ryqq/songDetail/251856211?songtype=0

复制ID，然后进入第二步

2.合成链接

https://i.y.qq.com/n2/m/outchain/player/index.html?songid=替换我&songtype=0

这是一个QQ音乐外链播放器链接示列，把”替换我”替换成你的音乐ID

像这样

https://i.y.qq.com/n2/m/outchain/player/index.html?songid=251856211&songtype=0

3.iframe嵌入网页

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=宽度 height=高度 src="链接"></iframe>

你需要把”链接”替换成你的外链，把”高度”和”宽度”替换成你需要的高度和宽度

像这样

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width="100%" height=65 src="https://i.y.qq.com/n2/m/outchain/player/index.html?songid=251856211&songtype=0"></iframe>

然后嵌入你想嵌入的地方，因为宽度自动设置，你会得到：

你可以在 iframe 标签里美化它，比如使它的边框圆润等等，这就自定义了。