1.用 iframe 标签实现

  • 第一种:无播放列表
1 <iframeframeborder="0"border="1"
2   marginwidth="0"marginheight="0"
3   width=250height=624   src="//music.163.com/outchain/player?type=2&id=464916877&auto=1&height=60">
5 </iframe>

  • 第二种:有播放列表
1 <iframeframeborder="0"border="1"
2   marginwidth="0"marginheight="0"
3   width="100%"height="450"
4   src="//music.163.com/outchain/player?type=2&amp;id=2512690504&amp;auto=1&amp;height=80">
5 </iframe> 

2.使用 embed 标签实现

1 <embedborder="0"
2 marginwidth="0"marginheight="0"
3 width="250"height="52"
4 src="//music.163.com/outchain/player?type=0&amp;id=2512690504&amp;auto=1&amp;height=32">

3.解释说明

  • 怎么获得网易云连接及ID

    • 在网页中打开网易云并登陆,顶上的连接就是咯
    • 也可以在手机上点分享,然后复制链接,到其他地方粘贴就能看到了
  • 代码中的关键说明
    • width=100%   自适应宽度
    • height=200    根据自己喜好修改
    • id=34238509  为歌曲列表页的ID
    • auto=0
      • 0为不自动播放
      • 1为自动播放

4.当然你还可以在别人网页中找到解决办法

比如说,你在浏览别人网页时发现了漂亮的网易云音乐设计,可以直接按 F12 ,然后在代码中找到你所需要的,接着在自己的网页中修改即可,哈哈哈,这也很实用的哦!

转载于:https://www.cnblogs.com/AIMToU/p/10880347.html

如何在网页中嵌入网易云音乐相关推荐

  1. 在网页中嵌入网易云音乐

    用 iframe 标签实现 有播放列表: <iframe frameborder="0" border="1" marginwidth="0&q ...

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

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

  3. python3爬取网易云歌单数据清洗_网页抓取网易云音乐及评论数据分析

    网页抓取网易云音乐及评论数据分析 游贤 成都理工大学信息科学与技术学院 [摘 要] 摘要:为了分析网易云音乐中哪些歌曲是热门歌曲,哪些歌曲的评论 最多,从而了解到人们对于不同音乐类型的喜爱程度,采用成 ...

  4. CentOS7中安装网易云音乐

    CentOS 7中安装网易云音乐 中一直没有一个像样的音乐播放器,网易云音乐与深度科技团队在半年前就启动了"网易云音乐7版",但是只提供了Ubuntu(14.04&16.0 ...

  5. 网页中引入网易云音乐,贴边隐藏

    不废话,直接上代码 <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3. ...

  6. 在应用开发中,网易云音乐如何兼顾质量和效益

    在应用开发中,质量和效益是非常关键的因素.网易云音乐作为用户人数突破4亿,成就移动音乐传奇的应用,是如何在开发中兼顾质量和效益的?网易云音乐Android负责人梁建将为您解读. 框架赋能 典型的开发框 ...

  7. 在应用开发中,网易云音乐如何兼顾质量和效益 1

    在应用开发中,质量和效益是非常关键的因素.网易云音乐作为用户人数突破4亿,成就移动音乐传奇的应用,是如何在开发中兼顾质量和效益的?网易云音乐Android负责人梁建将为您解读. 框架赋能 典型的开发框 ...

  8. 在自己网站中插入网易云音乐的外链,播放音乐

    今天在网易云音乐听歌发现一个有趣的东西,音乐外链,于是尝试了一下,挺不错的 效果如下图 只要把代码放到你的网站代码里就行了 插件使用教程 转载于:https://www.cnblogs.com/xia ...

  9. 软件的创新:分析网易云音乐的成功创新

    软件界是一个非常活跃的领域,时刻都有新的软件加入或退出.开发一个新的软件,要想使自己的产品与其他产品有所区别,就必须要有创新之处. 为了分析创新对于软件的意义,我分析了一个比较热门的软件,网易云音乐, ...

最新文章

  1. tcc分布式事务_什么是 TCC分布式事务?
  2. 丹佛斯变频器模拟量速度输入_变频器与PLC是如何协同作战的?了解这几个控制方式很有必要...
  3. 华为2016年应届毕业生招聘公告
  4. ubuntu中安装kDevelop
  5. Core Dump流程分析
  6. NAS——在VMware 15虚拟机中安装黑群晖DSM解决方案
  7. GPS Essentials
  8. SharpReader的效率:支持meme聚合
  9. SpringMVC请求流程
  10. C# 9 新特性 —— 增强的模式匹配
  11. 优秀学生专栏——孙珩发
  12. 爱奇艺体育:体验Serverless极致扩缩容,资源利用率提升40%
  13. linux awk 日志分析,Linux Awk使用案例总结 nginx日志统计
  14. 彭博社推出“机器学习基础”课程
  15. 即时通信软件开发的年轻开发者曾注意到
  16. 专升本高数——常用公式总结大全【补充扩展】
  17. 计算机网络-名词解释整理
  18. qt 5.15.2 版本安装脱坑指南
  19. 在非关联情况下的欧姆定律的使用
  20. 智能体:华为给时代炼一炉钢

热门文章

  1. SkeyeVSS综合安防监控Onvif、RTSP、GB28181视频云无插件直播点播解决方案之监控视频实时多屏预览
  2. php 实现店铺装修5
  3. 在delphi 获取特殊目录 SHGetSpecialFolderLocation SHGetPathFromIDList
  4. python七段数码管显示字母代码_python实现七段数码管显示
  5. (新手版)GitHub 使用思想,上传,首次上传及日常使用教程(肯定看得懂)
  6. 运维工程师发展受限,那么运维转型大数据是个机会吗?
  7. Navicat 快捷键大全
  8. 续 Codeforces 596 C Wilbur and Points
  9. lisp 梯形展开图_斜截圆柱件钣金展开图的AutoCAD二次开发
  10. 马斯克推荐的「50种认知偏差」,这是我见过的最爆笑的解读!