[前端] 网易云音乐外链播放器不能正常显示的问题之解决方案

最新推荐文章于 2025-01-11 10:23:06 发布

swordtraveller

最新推荐文章于 2025-01-11 10:23:06 发布

阅读量8.6k

点赞数 4

分类专栏： # HTML 前端

本文链接：https://blog.youkuaiyun.com/swordtraveller/article/details/104321244

版权

HTML 同时被 2 个专栏收录

4 篇文章

订阅专栏

前端

4 篇文章

订阅专栏

场景：要在页面中插入这样的一个小插件：

参考网易云音乐提供的<iframe>外链播放器代码，却无法正常显示。

方法极其简单：只要在<iframe>标签的src属性中的//前加上http:或https:就可以了，像这样：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>星空</title>
</head>
<body>
	<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="https://music.163.com/outchain/player?type=2&id=34341364&auto=0&height=66"></iframe>
</body>
</html>

本代码auto值取0，关闭了自动播放效果。

生成外链播放器的操作：

1.在网易云音乐的网页版中搜索你想播放的歌曲，例如《星空》。如果是客户端中的某一首歌，可以选择复制链接，粘贴至网页端打开。