网页插入网易云音乐播放器

网易云音乐播放器插入网页

今天在做HTML练习的时候，要制作一个音乐网站，重点就是音乐播放器的插入和视频插入，简单的video标签和audio标签可以实现简单的基础功能，但是我想配合排版添加歌单播放器进去，但是只是一个作业不想大费周章自己设计制作，所以直接嵌入网易云的架构嵌入。

网易云直接提供外链生成器（只能生成包含免费歌曲的歌单或者是音乐如果是付费歌曲因为版权原因无法生成），可以直接生成链接插入网页就好。但是在使用时遇到了一些小麻烦打算记录下来。

1. iframe方法
   优点：可以自己调整插件的高度、宽度
   缺点：很多博客网站不支持嵌入iframe，请试一下您的网站是否支持
   2.flash方法
   优点：可以适用大部分的博客，如网易、新浪博客等

缺点：无法自己调整插件的高度、宽度
接下来就是简单的步骤
先找到一个符合要求的歌单
点击下面的生成外链播放器


会自动生成代码 复制就行

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=280 height=220 src="//music.163.com/outchain/player?type=0&id=2942403976&auto=1&height=430">
</iframe>

但是直接放到网页上会出现如下情况

要在代码链接即src前家http:或https:就可以了

完成了可以就行歌单推荐页面的完成了。