如何让网站嵌套网易云音乐?

2020年03月01日 未雨晴空 0评论 4167阅读 5喜欢

如何引入网易云歌单?

 首先进入网易云音乐网页版本,登陆自己的网易云账号,进入网易云个人主页,如下图所示:

wangyiyun_1_20200530114445_489.png 

博主一开始不知道,随便选择歌单列表中的一个点击进去,然后点击如下图所示的生成外链播放器:


然后提示如下图所示:

image_20200308151610_123_20200530115104_591.png


然后博主就开始百度了如何解决问题,也百度到了方法,其中教程是这样的,右键生成外链播放器,选择审查元素,如下图所示:

 image_20200308151852_725_20200530115136_952.png

复制改data-href里面的内容复制到该链接(https://music.163.com/#)后面,然后复制到浏览器访问即可,访问结果如下图:

 image_20200308152149_272_20200530115209_390.png

其实就是强制进入了网易云音乐的插件页面 ,然后就看你是需要iframe还是flash,推荐使用iframe,毕竟如果是flash,到时候可能浏览器还得提示您是否需要开启flash,有点不友好啊。

虽然这样靠谱,到时候页面也能显示,请注意,此时就已经埋下了一个大坑了 。之所一开始你点击生成外链播放器,提示你版权问题就是因为有些歌单置灰状态,也就是说你正常在网易云音乐客户端都播放不了的,如果此时强制给了一个iframe,虽然页面也成功显示了歌单里面的歌曲,但是你发现下方图中的上一首、下一首,以及播放按钮点击都没用,然后点击歌单列表里面的歌单,完全是概率性命中的感觉,命中了才能播放,我说的意思只有试过了的人才能懂得!!! ,一度会让你进入崩溃状态,怀疑自己电脑是不是坏了

wangyiyun_3_20200530114640_361.png  


后来博主自己选择了一个歌单,里面的歌曲没用一首是置灰的状态,呐,就是下面这个歌单:

 wangyiyun_4_20200530114721_425.png

然后点击生成外链播放器,也不提示版权问题,可以直接跳转上面所说的插件页面,直接复制代码,后台添加iframe即可,然后网站歌单显示正常如下:


wangyiyun_5_20200530114810_611.png

并且每个按钮都可以进行操作,犹如德芙,瞬间丝滑,就是这么爽,所有说后面要是再想放歌单出来,要保证歌单里面的歌曲能正常播放才行!!!

如何引入网易云单曲?

其实同上面操作类似,我们先点一首歌曲,最好不要是置灰状态的歌曲,比方我这里选择了《九九八十一难》,呐然后跟上面一样点击生成外链播放器,巧了,,这首歌可以直接进入插件页面,接下来就是舒服了,跟上面歌单一样,直接复制代码即可,然后在后台编辑器操作即可;呐,下面就是我后台复制iframe弄出来的:


接下来我再试一首无法跳转到插件页面的歌曲,《理想三旬》,果然提示版权问题,通过上面的操作进入到插件页面去,直接复制对应插件代码到后天编辑器里,效果如下:


效果如何,众看官自评!

——未雨晴空


发表评论 取消回复

电子邮件地址不会被公开。

请输入以http或https开头的URL,格式如:https://oneisall.top