HTML网页调用 网易云 音乐播放器代码
表现形式一:单曲播放
调用代码:
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=100% height=86 src="https://music.163.com/outchain/player?type=2&id=27571483&auto=1&height=66"></iframe>
参数说明:
效果图
播放器可修改参数:
width=100% #自适应宽度
height=86 #根据自己喜好修改
id=299757 #为歌曲的ID http://music.163.com/#/song?id=27571483
auto=0 #0为不自动播放,1为自动播放
表现形式二:列表播放
代码
<iframe src="http://music.163.com/outchain/player?type=0&id=34238509&auto=0&height=430" width="100%" height="450" frameborder="no" marginwidth="0" marginheight="0"></iframe>
参数说明
播放器可修改参数:
width=100% #自适应宽度
height=450 #根据自己喜好修改
id=34238509 #为歌曲列表页的ID ,例如:http://music.163.com/#/playlist?id=34238509
auto=0 #0为不自动播放,1为自动播放
效果图
补充一下:怎么获取单曲播放的ID。
打开你本地的网易云音乐播放器,点开喜欢的歌曲单曲页面。
然后把复制的地址随便粘贴到哪里。就可以看到里面的ID,复制出来就好了
歌曲列表ID获取方式:跟上面差不多。
复制链接以后,就知道了,我不说了,赶紧去试试
HTML网页调用 网易云 音乐播放器代码相关推荐
- HTML+CSS+JAVASCRIPT 高仿低配网页版网易云音乐播放器 1
HTML+CSS+JAVASCRIPT 高仿低配网页版网易云音乐播放器 前言 没有使用任何框架,只是想用最简单纯js的代码实现下 前台: Javascript+jQuery 后台: php/nodej ...
- 移动应用开发——uni-app框架 仿网易云音乐播放器学习心得
目录 一.uni-app框架介绍 1.什么是 uni-app 2.为什么要选择uni-app 3.uni-app 统一规范 4.uni-app功能框架 二.开发工具与项目创建 1.开发工具 2.项目创 ...
- 树莓派云音乐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播放 上下滑动切换 云盘上传 用户登录 歌单创 ...
- 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 ...
最新文章
- sample java_从sample来学习Java堆(转)
- LeetCode 27移除元素28实现strStr()29两数相除
- (江西财经大学第二届程序设计竞赛同步赛)E-是不是复读机
- Linux 软件包管理
- linux多CPU进程负载均衡解析
- 插拔usb设备计算机管理无反应,usb插上电脑没反应,详细教您浏览修复usb方法
- 摄影测量学知识点总结(万字长文警告)
- mac如何看html5视频播放器,适用于Mac的HTML5视频播放器
- 华为机顶盒问题奇怪处理!!!
- 中国成为论文发表数量第一的国家
- 录音文件怎么转文字 手机便签里的录音文字转换方法
- Pycharm浏览器打开报错解决
- 牛客网-前端刷题记录
- 【​观察】得生态者得云天下 阿里、腾讯、浪潮、华为对决云计算2.0
- HTTP返回soapxml解析为实体类
- 新手学习大数据技术如何入门?
- golang之crc32算法解密字符串
- Python短路逻辑
- java发送chunked数据_如何从java servlet中的chunked响应中发送Http预告片/页脚?
- 快递快运行业自动化分拣发展与趋势