我要注册
当前位置：记磊博客 > 技巧-源码 > 源码程序 > 正文

作者：记磊博客

比较忧愁，比较善感，比较孩子气，比较喜欢网络技术的小子

手机扫码查看

标签：

一款简洁小巧的HTML5底部悬浮音乐播放器

2018-07-03 分类：源码程序 阅读(1708) 繁體 评论(68) 百度已收录 隐藏侧边
摘要：根据Jrohy的QPlayer重做的一款简洁小巧的HTML5底部悬浮音乐播放器

根据Jrohy的QPlayer重做的一款简洁小巧的HTML5底部悬浮音乐播放器

演示：轻刻小时光（最右上角：home）

目前只支持网易云哈

代码19行修改自己喜欢的网易云音乐列表id

一款简洁小巧的HTML5底部悬浮音乐播放器
一款简洁小巧的HTML5底部悬浮音乐播放器

代码下载：

抱歉，隐藏内容 回复 后刷新可见

内容隐藏，请输入提取密码：

 

项目地址：GitHub地址

AD：【推荐】WordPress主题本站vieu主题介绍购买
未经允许不得转载：

作者:记磊博客， 转载或复制请以 超链接形式 并注明出处 记磊博客。
原文地址：《一款简洁小巧的HTML5底部悬浮音乐播放器》 发布于2018-07-03

本文共203个字，预计阅读时间需要1分钟。
您阅读这篇文章共花了： 0小时00分00秒
标签：
分享到：
赞(2) 打赏

相关推荐

评论 68

9 + 5 =
  1. #1
    qq_avatar

    可以

    乔治9个月前 (07-03)来自中国/China QQ浏览器 Lenovo L38011 Build/OPR1.170623.032 江苏省 移动回复
  2. #2

    万籁博客博主报道！

    a南笙-9个月前 (07-03)来自中国/China 搜狗浏览器 Windows 7 广东省江门市新会区 电信回复

    • 欢迎光临，男宾一位

      记磊博客9个月前 (07-03)来自中国/China QQ浏览器 Android 5.1.1 vivo X7 Build/LMY47V 浙江省杭州市余杭区 电信回复
  3. #3
    qq_avatar

    感谢分享！

    ℡☆宿こ命ヤ9个月前 (07-04)来自中国/China 谷歌浏览器 Windows 7 浙江省温州市瑞安市 电信回复
  4. #4
    qq_avatar

    刚刚，发给你的信息失败了，不知道怎么回事

    让我忘了你9个月前 (07-05)来自中国/China 谷歌浏览器 Android 5.1 OPPO R9m Build/LMY47I 广西 电信回复
  5. #5
    qq_avatar

    看看

    沉默丶9个月前 (07-10)来自中国/China 谷歌浏览器 Windows 7 山东省潍坊市 联通回复
  6. #6
    qq_avatar

    看看吧11111111111

    沉默丶9个月前 (07-10)来自中国/China 谷歌浏览器 Windows 7 山东省潍坊市 联通回复
  7. #7
    qq_avatar

    谢谢了~~~

    chchd9个月前 (07-11)这家伙可能用了美佬的代理 谷歌浏览器 Windows 10 美国 Merit网络公司回复
  8. #8
    qq_avatar

    正需要这东西呢 :!:

    Despacito9个月前 (07-11)来自中国/China 谷歌浏览器 Windows 10 中国 移动回复
  9. #9

    感谢分享

    860350591a8个月前 (07-18)来自中国/China QQ浏览器 Windows 10 河北省石家庄市 联通回复
  10. #10

    看下

    明天会更好8个月前 (07-20)来自中国/China 谷歌浏览器 Android 7.0 Redmi Note 4X Build/NRD90M 广东省深圳市 电信回复
  11. #11
    qq_avatar

    我来看看啊

    十八8个月前 (07-29)来自中国/China 谷歌浏览器 Windows 7 安徽省滁州市明光市 电信回复
  12. #12
    qq_avatar

    我的天 怎么那不行

    痴迷顾里8个月前 (08-05)来自中国/China 搜狗浏览器 Windows 7 山东省烟台市 联通回复
  13. #13
    qq_avatar

    拿走了谢谢

    桃8个月前 (08-08)来自中国/China 谷歌浏览器 Windows 10 河南省新乡市 联通回复
  14. #14
    qq_avatar

    看下

    清欢.8个月前 (08-08)来自中国/China 谷歌浏览器 Android 5.1 OPPO A59m Build/LMY47I 北京市 移动回复
  15. #15

    测试一下

    记....磊7个月前 (08-16)来自中国/China QQ浏览器 Windows 7 上海市松江区 电信回复
  16. #16
    qq_avatar

    666666狠人

    王也7个月前 (08-18)来自中国/China 谷歌浏览器 Android 7.1.2 MZ-M6 Note Build/MRA58K 山东省 电信回复
  17. #17
    qq_avatar

    支持博主，嘻嘻

    黑色四叶草7个月前 (08-19)来自中国/China 谷歌浏览器 Windows 7 广东省广州市 电信回复
  18. #18
    qq_avatar

    不凑，支持支持

    [VIP]徐s7个月前 (08-26)来自中国/China 谷歌浏览器 Windows 7 浙江省杭州市 电信回复
  19. #19
    qq_avatar

    看看

    95277个月前 (08-28)来自中国/China 谷歌浏览器 Windows 8.1 浙江省杭州市 电信回复
  20. #20
    qq_avatar

    我来试试，可以搞到中间不？

    老哥纳吉7个月前 (08-30)来自中国/China 谷歌浏览器 PLK-CL00 Build/HONORPLK-CL00) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.85 Mobile Safari/537.36 浙江省杭州市 电信回复
  21. #21
    qq_avatar

    如何添加到网站里？

    老哥纳吉7个月前 (08-30)来自中国/China 谷歌浏览器 PLK-CL00 Build/HONORPLK-CL00) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.85 Mobile Safari/537.36 浙江省杭州市 电信回复
  22. #22
    qq_avatar

    666666666666666666666666中文.

    一期一会7个月前 (08-30)来自中国/China 谷歌浏览器 Windows 10 浙江省杭州市 电信回复
  23. #23
    qq_avatar

    正需要 收下了

    瘾君子7个月前 (08-31)来自中国/China 谷歌浏览器 Windows 10 山东省 电信回复
  24. #24

    不错啊

    棉花神样7个月前 (09-04)来自中国/China 谷歌浏览器 Windows 7 浙江省杭州市 阿里云BGP数据中心回复
  25. #25

    蜀韵文学网www.sanwenzx.cn很不错的哦！

    蜀韵文学网7个月前 (09-08)来自中国/China 谷歌浏览器 Windows XP 广东省广州市 电信回复
  26. #26
    qq_avatar

    可以的

    龙、夕6个月前 (09-17)来自中国/China 谷歌浏览器 Windows 10 北京市 移动回复
  27. #27

    我喜欢你，但不是真正的我自己。

    SHu-How6个月前 (09-20)来自中国/China Safari浏览器 Mac OS X 10_13_4 中国 移动回复
  28. #28
    qq_avatar

    既然如此，就再努力一次吧。别在这里愁眉不展，也不要再自欺欺人，重新来过！

    查无此妮6个月前 (09-22)来自中国/China 谷歌浏览器 Android 7.0 MZ-M1 E Build/MRA58K 湖南省 电信回复
  29. #29
    qq_avatar

    世界有多大？你走到哪里，世界就有多大。

    undefined6个月前 (09-23)来自中国/China 谷歌浏览器 Windows 10 河南省平顶山市 电信回复
  30. #30
    qq_avatar

    其实越是简单的东西，我们却往往反而无法深刻的解答，我们的认识只停留在表面的了解上！

    不忘初心方得始终6个月前 (09-27)来自中国/China 谷歌浏览器 Windows 7 天津市 联通数据中心回复
  31. #31
    qq_avatar

    起风了，必须好好活下去。

    ...6个月前 (10-08)来自中国/China 谷歌浏览器 Windows 10 江西省南昌市 电信回复
  32. #32

    告诉你我最喜欢的一句话吧！要是被处于下风就要以牙还牙！

    望北丶6个月前 (10-10)来自中国/China QQ浏览器 Windows 10 安徽省安庆市潜山县 电信回复
  33. #33
    qq_avatar

    一只烟燃不到天亮，而远方早已没了黎明。好用吗

    我不5班人5个月前 (10-13)来自中国/China 谷歌浏览器 Windows 10 广东省深圳市 电信回复
  34. #34
    qq_avatar

    怎么用呢，不会用呀，出个教程吧，小白看着喜欢，不会用

    我不5班人5个月前 (10-14)来自中国/China 谷歌浏览器 Windows 10 广东省深圳市 电信回复
  35. #35
    qq_avatar

    东西不错，有详细教程就好了，想其它网站也调用，不会搞，，WordPress下也不兼容，头像会错乱

    我不5班人5个月前 (10-15)来自中国/China 谷歌浏览器 Windows 10 广东省深圳市 电信回复
  36. #36
    qq_avatar

    从一开始，我就不那么喜欢你。

    005个月前 (10-19)来自中国/China QQ浏览器 Windows 7 江苏省徐州市 电信回复
  37. #37
    qq_avatar

    简单一句话，我们是伙伴。

    005个月前 (10-19)来自中国/China QQ浏览器 Windows 7 江苏省徐州市 电信回复
  38. #38
    qq_avatar

    感谢分享

    005个月前 (10-19)来自中国/China QQ浏览器 Windows 7 江苏省徐州市 电信回复
  39. #39
    qq_avatar

    如果我闭上双眼看到的是黑暗，那么当我睁开眼睛的时候是否会是一片光明？

    005个月前 (10-19)来自中国/China QQ浏览器 Windows 7 江苏省徐州市 电信回复
  40. #40
    qq_avatar

    as打扫打扫打扫打扫打扫打扫大

    　1231235个月前 (10-20)来自中国/China 谷歌浏览器 Windows 7 山东省 联通回复
  41. #41
    qq_avatar

    没有人可以抵抗命运的轮回。

    永恒的擎天柱5个月前 (10-24)来自中国/China 谷歌浏览器 Windows 10 山东省日照市 移动回复
  42. #42
    qq_avatar

    一点资源网报道！

    浮生一梦5个月前 (10-28)来自中国/China 谷歌浏览器 Windows 7 广东省中山市 电信回复
  43. #43
    qq_avatar

    看吧，星星只有在夜里才璀璨夺目啊。

    秋叶根Blog5个月前 (10-29)来自中国/China 谷歌浏览器 Windows 7 山东省临沂市 联通回复
  44. #44
    qq_avatar

    曾经发生过的事情不可能忘记，只不过是想不起而已。

    温存我心5个月前 (11-10)来自中国/China 搜狗浏览器 Windows 10 中国 移动回复
  45. #45

    可以

    a＇ゞ A by - 溪冉4个月前 (11-17)来自中国/China 谷歌浏览器 Windows 10 山东省聊城市 联通回复
  46. #46
    qq_avatar

    拿走了拿走了

    麻木4个月前 (11-24)来自中国/China 搜狗浏览器 Windows 7 北京市 鹏博士长城宽带回复
  47. #47
    qq_avatar

    感谢分享！

    Untitled4个月前 (12-11)来自中国/China 谷歌浏览器 Windows 7 广西北海市 电信回复
  48. #48
    qq_avatar

    以前高中时，羡慕大学考试只要及格就行；现在大学了，怀念高中考试及不及格都行⋯⋯

    呵呵，世界3个月前 (12-12)来自中国/China 谷歌浏览器 Windows 7 新疆阿克苏地区 电信回复
  49. #49

    好像很不错，想试一下！

    呵呵，世界3个月前 (12-12)来自中国/China 谷歌浏览器 Windows 7 新疆阿克苏地区 电信回复
  50. #50

    谢谢分享

    记名者3个月前 (12-16)来自中国/China 谷歌浏览器 Windows 10 江西省南昌市 电信回复
  51. #51

    学习谢谢

    灬03个月前 (12-18)来自中国/China 谷歌浏览器 Windows 7 山东省淄博市 联通回复
  52. #52
    qq_avatar

    这个怎么样

    狐.3个月前 (12-21)来自中国/China 谷歌浏览器 Windows 7 陕西省咸阳市 电信回复

    • 这个目前好像有一些问题了

      记磊博客3个月前 (12-21)来自中国/China 谷歌浏览器 Windows 10 浙江省杭州市余杭区 电信回复
  53. #53

    久闻上官世家，人品武功二流，卑鄙无耻一流，果然名不虚传，领教了。

    31312744573个月前 (01-05)来自中国/China 谷歌浏览器 Android 8.0.0 SM-C7010 Build/R16NW 中国 移动回复
  54. #54
    qq_avatar

    我已经不想再失去什么了,所以,我不会再战斗了。

    惜伊阁3个月前 (01-07)来自中国/China 谷歌浏览器 Android 7.1.1 MI MAX 2 Build/NMF26F 广东省深圳市 联通回复
  55. #55

    多年后，再回想年少时的迷茫和执着，或许原因都不记得了。

    Erdiu.2个月前 (01-25)来自中国/China 谷歌浏览器 Windows 10 河北省沧州市南皮县 电信回复
  56. #56

    有些梦想虽然遥不可及，但不是不可能实现。只要我足够的强。

    ‪香烤土豆2个月前 (01-29)来自中国/China 谷歌浏览器 Windows 10 山东省聊城市 电信回复
  57. #57
    qq_avatar

    哼！悔改吧，你们这群死宅，人家可是身价四千万的大小姐。

    潇护荷花2个月前 (02-03)来自中国/China 谷歌浏览器 Windows 10 河北省张家口市 联通回复
  58. #58
    qq_avatar

    人类最大的错误，在于不敢承担圣人的心

    孙少2个月前 (02-08)来自中国/China 谷歌浏览器 vivo X20Plus Build/OPM1.171019.011 河南省开封市 联通回复
  59. #59

    我能遵循自己坚信的道路真是太好了。今天又再次确认了这一点。你也要朝着自己认准的方向不断前进吧。

    A1个月前 (02-09)来自中国/China Safari浏览器 Mac OS X 10_13_6 辽宁省大连市 电信回复
  60. #60

    游戏的最终季的获胜方式是不战而胜。

    Lee1个月前 (02-13)来自中国/China 谷歌浏览器 Linux 上海市嘉定区 电信回复
  61. #61
    qq_avatar

    来，跑起来吧，在大家为你们开辟的道路上。

    　发电方式真的1个月前 (02-13)来自中国/China QQ浏览器 Windows 10 河北省石家庄市 联通回复
  62. #62
    qq_avatar

    哪有至死不愈啊~

    小魅1个月前 (02-19)来自中国/China 谷歌浏览器 Windows 10 浙江省台州市 电信回复
  63. #63

    回复

    时刻1个月前 (02-20)来自中国/China QQ浏览器 Android 7.0 M1 E Build/NRD90M 江苏省扬州市 电信回复
  64. #64
    qq_avatar

    感谢分享

    哥％潇洒一生momo1个月前 (02-20)来自中国/China QQ浏览器 Windows 10 北京市 联通回复
  65. #65

    感谢楼主分享

    Pluto1个月前 (02-20)来自中国/China 谷歌浏览器 Windows 10 四川省成都市 移动回复
  66. #66
    qq_avatar

    新人报到

    不二臣2周前 (03-12)未知系统 谷歌浏览器 Windows 10 运营商级NAT(宽带运营商局域网) 回复

静听-文言诗歌

花间集 南唐二主词 古诗十九首 唐诗三百首

立即前往

折扣优选

千款优惠秒杀，每日更新

立即打折

FM音乐网

全网音乐免费下载 - 在线获取音乐播放外链

立即前往

表白墙

无表白不恋爱

立即制作

斗图搜一搜

千万表情来相见-斗图搜索

立即斗图

记磊导航

一个自用的个人博客导航

立即前往

热门文章

一款简洁小巧的HTML5底部悬浮音乐播放器

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

Vieu3.3主题

专业打造轻量级个人企业风格博客主题！专注于前端开发，全站响应式布局自适应模板。

了解一下

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录