!
也想出现在这里? 联系我们
广告位

纯代码实现给网站添加一个永久免费的HTML5悬浮音乐播放器(html网页音乐播放器代码)

这两天在优化自己博客时突然特别单调,总觉的少了点什么,自己电脑的网易云推荐的一些歌也真的是一言难尽,所以就想着给自己的博客添加制作一个底部磁吸的悬浮播放器,这样子逛博客的时候也能听歌缓解一下

特色功能

1、只需四行代码,源码我上载在 jsdelivr 及 Gitee,秒加载,

PS:调用别人的源码总觉得他倒闭了怎么办,那就没法用了,反正我是这么想的~所以我把源码上传到永久地址!

2、所有歌曲调用网易云歌曲,只要网易不倒闭就能一直用

3、内置集成网易云歌词 LSC 文件,播放有歌词预览

4、可以在任何你想添加的页面添加,无需插件

5、歌是曲网易云热歌 TOP 榜单集成了将近上百首,后面会持续更新

代码如下:

效果图:

纯代码实现给网站添加一个永久免费的HTML5悬浮音乐播放器(html网页音乐播放器代码)纯代码实现给网站添加一个永久免费的HTML5悬浮音乐播放器(html网页音乐播放器代码)

使用教程

具体实际效果可以根据本站看实际效果,下方提供三种添加方法,具体根据自己的情况选择添加下方代码

子比主题快速添加方式:

添加路径:子比主题后台—>自定义代码—>自定义底部 HTML 代码—>添加下方的代码

其他博客主题添加方式:

将下方代码添加至网站底部文件即可:例如:foot.php

单页的 php 和 html 添加方式:

将下方代码直接添加在 index.html(php)首页文件底部就可以

 

给TA打赏
共{{data.count}}人
人已打赏
网站运维

WordPress自带的搜索功能添加过滤实现只搜索文章标题(wordpress搜索引擎收录插件)

2022-9-13 11:51:36

网站运维

WordPress如何给博客添加春节红灯笼挂件

2022-9-13 11:52:24

声明 本站上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。无意侵害您的权益,请发送邮件至 admin@s9h.cn 或点击右侧 私信:少羽 反馈,我们将尽快处理。
0 条回复A文章作者M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索