表现形式一:单曲播放
调用代码:

<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&amp;id=34238509&amp;auto=0&amp;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网页调用 网易云 音乐播放器代码相关推荐

  1. HTML+CSS+JAVASCRIPT 高仿低配网页版网易云音乐播放器 1

    HTML+CSS+JAVASCRIPT 高仿低配网页版网易云音乐播放器 前言 没有使用任何框架,只是想用最简单纯js的代码实现下 前台: Javascript+jQuery 后台: php/nodej ...

  2. 移动应用开发——uni-app框架 仿网易云音乐播放器学习心得

    目录 一.uni-app框架介绍 1.什么是 uni-app 2.为什么要选择uni-app 3.uni-app 统一规范 4.uni-app功能框架 二.开发工具与项目创建 1.开发工具 2.项目创 ...

  3. 树莓派云音乐c语言,基于树莓派的红外遥控版网易云音乐播放器

    基于树莓派的红外遥控版网易云音乐播放器.下面是遥控键盘示意图: CH- CH CH+ << >> || - + EQ 0 100+ 200+ 1 2 3 4 5 6 7 8 9 ...

  4. linux树莓派网易云音乐,基于树莓派的红外遥控版网易云音乐播放器

    基于树莓派的红外遥控版网易云音乐播放器.下面是遥控键盘示意图: CH- CH CH+ << >> || - + EQ 0 100+ 200+ 1 2 3 4 5 6 7 8 9 ...

  5. vue3 + TypeScript + vant +pinia 实现网易云音乐播放器

    vue3 + TypeScript + vant +pinia 实现网易云音乐播放器 实现功能 每日推荐 私人FM 歌单广场 排行榜 歌手 歌曲播放 mv播放 上下滑动切换 云盘上传 用户登录 歌单创 ...

  6. YesPlayMusic:一个高颜值多音频资源的网易云音乐播放器

    都2023年了还有人不知道这款开源免费下载的多音频,高颜值的音乐播放器吗(文末有下载地址) 首先我们来看一下YesPlayMusic的特性 和网易云音乐播放器的功能大同小异,少了歌曲评论的功能,这个功 ...

  7. 第三方网易云音乐播放器ieaseMusic Mac中文版v1.3.4版

    ieasemusic mac中文版是目前mac平台上最好的网易云音乐播放器,与网易云音乐官方客户端最大的区别是,官方的就是「客户端」,完全按照其产品内容进行直接堆砌布局,而 ieaseMusic 是基 ...

  8. 静态博客网页中的网易云音乐播放器

    见我的博客 https://blog.wyue.site/2020/04/12/1/ 转载前请联系我,联系方式请见我博客 https://blog.wyue.site/ 一直想做个博客中的音乐播放器, ...

  9. uniapp 仿网易云音乐播放器 微信小程序

    效果视频: uniapp 仿照网易云播放器功能 效果截图: 上代码: <template><view class=""><scroll-view :s ...

最新文章

  1. sample java_从sample来学习Java堆(转)
  2. LeetCode 27移除元素28实现strStr()29两数相除
  3. (江西财经大学第二届程序设计竞赛同步赛)E-是不是复读机
  4. Linux 软件包管理
  5. linux多CPU进程负载均衡解析
  6. 插拔usb设备计算机管理无反应,usb插上电脑没反应,详细教您浏览修复usb方法
  7. 摄影测量学知识点总结(万字长文警告)
  8. mac如何看html5视频播放器,适用于Mac的HTML5视频播放器
  9. 华为机顶盒问题奇怪处理!!!
  10. 中国成为论文发表数量第一的国家
  11. 录音文件怎么转文字 手机便签里的录音文字转换方法
  12. Pycharm浏览器打开报错解决
  13. 牛客网-前端刷题记录
  14. 【​观察】得生态者得云天下 阿里、腾讯、浪潮、华为对决云计算2.0
  15. HTTP返回soapxml解析为实体类
  16. 新手学习大数据技术如何入门?
  17. golang之crc32算法解密字符串
  18. Python短路逻辑
  19. java发送chunked数据_如何从java servlet中的chunked响应中发送Http预告片/页脚?
  20. 快递快运行业自动化分拣发展与趋势

热门文章

  1. Django开源项目
  2. 【网络问题】微软商店无法打开:重试该操作,无法加载页面。请稍后重试
  3. head和tail命令--用Enki学Linux系列(8)
  4. Linux centos7 代码运行时出现已放弃(吐核)的问题解决
  5. 数字摄影测量考试复习名词解释
  6. 1.1双摇杆遥控器电路部分--stm32最小系统
  7. sht20 python_SHT20 IIC 寄存器概述
  8. java浪漫代码_程序员表白代码,用过的人都找到了对象...
  9. 史玉柱: 我的成功不是偶然
  10. Openstack Train版搭建