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

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

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

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

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:就可以了

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

网页插入网易云音乐播放器相关推荐

HTML+CSS+JAVASCRIPT 高仿低配网页版网易云音乐播放器 1
HTML+CSS+JAVASCRIPT 高仿低配网页版网易云音乐播放器前言没有使用任何框架,只是想用最简单纯js的代码实现下前台: Javascript+jQuery 后台: php/nodej ...
HTML网页调用网易云音乐播放器代码
表现形式一:单曲播放调用代码: <iframe frameborder="no" border="0" marginwidth="0" ...
树莓派云音乐c语言,基于树莓派的红外遥控版网易云音乐播放器
基于树莓派的红外遥控版网易云音乐播放器.下面是遥控键盘示意图: CH- CH CH+ << >> || - + EQ 0 100+ 200+ 1 2 3 4 5 6 7 8 9 ...
linux树莓派网易云音乐,基于树莓派的红外遥控版网易云音乐播放器
基于树莓派的红外遥控版网易云音乐播放器.下面是遥控键盘示意图: CH- CH CH+ << >> || - + EQ 0 100+ 200+ 1 2 3 4 5 6 7 8 9 ...
vue3 + TypeScript + vant +pinia 实现网易云音乐播放器
vue3 + TypeScript + vant +pinia 实现网易云音乐播放器实现功能每日推荐私人FM 歌单广场排行榜歌手歌曲播放 mv播放上下滑动切换云盘上传用户登录歌单创 ...
移动应用开发——uni-app框架仿网易云音乐播放器学习心得
目录一.uni-app框架介绍 1.什么是 uni-app 2.为什么要选择uni-app 3.uni-app 统一规范 4.uni-app功能框架二.开发工具与项目创建 1.开发工具 2.项目创 ...
YesPlayMusic:一个高颜值多音频资源的网易云音乐播放器
都2023年了还有人不知道这款开源免费下载的多音频,高颜值的音乐播放器吗(文末有下载地址) 首先我们来看一下YesPlayMusic的特性和网易云音乐播放器的功能大同小异,少了歌曲评论的功能,这个功 ...
第三方网易云音乐播放器ieaseMusic Mac中文版v1.3.4版
ieasemusic mac中文版是目前mac平台上最好的网易云音乐播放器,与网易云音乐官方客户端最大的区别是,官方的就是「客户端」,完全按照其产品内容进行直接堆砌布局,而 ieaseMusic 是基 ...
静态博客网页中的网易云音乐播放器
见我的博客 https://blog.wyue.site/2020/04/12/1/ 转载前请联系我,联系方式请见我博客 https://blog.wyue.site/ 一直想做个博客中的音乐播放器, ...
uniapp 仿网易云音乐播放器微信小程序
效果视频: uniapp 仿照网易云播放器功能效果截图: 上代码: <template><view class=""><scroll-view :s ...

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

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

网页插入网易云音乐播放器相关推荐

最新文章

热门文章