如何在自己的网站上添加HTML悬浮音乐播放器？

为了美化网站，我在网站上面添加了一个HTML悬浮音乐播放器，先来看看一下效果图。
如何在自己的网站上添加HTML悬浮音乐播放器呢？今天和你们分享

首先申明三点：
1、本播放器实际上是调用网易音乐云的音乐进行播放，音乐版权归网易云音乐所有，仅供个人学习研究，用于商用的后果自负！
2、本播放器的演示效果可以在我的博客首页看到，默认支持所有Html和PHP环境的网站。
3、本播放器可以使用电脑、手机、IPAD等设备访问，自适应。）

具体的操作方法：
在网站源文件中（如果有单独的页脚文件，也可以放在页脚文件里面）添加这三行代码：

<!--音乐播放器-->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<script src="https://myhkw.cn/player/js/player.js" id="myhk" key="demo" m="1"></script>

然后保存发布，在浏览器刷新网页就看到效果了

如何在自己的网站上添加HTML悬浮音乐播放器？相关推荐

HTML给网站加上悬浮音乐播放器-毅世纪资源
来给你的网站加上悬浮音乐播放器: 给你的网站添加悬浮音乐播放器:
[转载]历上最强的音乐播放器（jetAudio-8.0.5.320-Plus-VX
原文地址:历上最强的音乐播放器(jetAudio-8.0.5.320-Plus-VX-完全汉化版)下载作者:盖世天星历上最强的音乐播放器(jetAudio-8.0.5.320-Plus-VX-完全汉 ...
历上最强的音乐播放器（jetA…
原文地址:历上最强的音乐播放器(jetAudio-8.0.5.320-Plus-VX-完全汉化版)下载作者:盖世天星历上最强的音乐播放器(jetAudio-8.0.5.320-Plus-VX-完全汉 ...
AIMP（高品质电脑音乐播放器）官方中文版V5.00.2334 | 电脑上音质最好的音乐播放器 | aimp播放器中文版下载
AIMP播放器中文版是来自战斗民族俄罗斯的一款完全免费的顶级电脑音乐播放器软件,开发至今已有长达15年的历史,支持本地文件.NAS.云和播客以及32位音频处理的功能,全面兼容MP1..MP2..MP3 ...
给网站添加悬浮音乐播放器
给网站添加悬浮音乐特效效果图网站源文件中(如果有单独的页脚文件,也可以放在页脚文件里面)添加这三行代码:  <script src="https ...
桌面音乐linux,如何在Ubuntu桌面上使用Steam Music音乐播放器
'音乐让人们走到一起' 麦当娜曾这样唱道.但是Steam的新音乐播放器特性能否很好的混搭小资与叛逆? 如果你曾与世隔绝,充耳不闻,你就会错过与Steam Music的相识.它的特性并不是全新的.从今年 ...
博客/网站插入网易云插件音乐播放器教程
步骤: 1.进入官网,登录 https://music.163.com 2.选择一张歌单如图,点击生成外链播放器. 3.选择合适插件,设置尺寸,是否自动播放 4.复制代码到想添加的地方最后: 播放 ...
dedecms右侧悬浮_织梦dedecms网站上添加漂浮广告
在织梦dedecms的网站上添加漂浮广告其实很简单,这篇文章主要讲的是在织梦网站首页添加漂浮广告. 我们用本地搭建的织梦默认模板演示. 1.准备一个广告图片准备一个广告图片,命名为漂浮.gif ,设 ...
如何在你的WordPress网站上添加成本计算器
如果你曾经使用过贷款计算器或价格估算器,你可能已经想知道是否有办法在你的WordPress网站上添加一个成本计算器.有的,而且超级简单.当然,你可以学习一些JavaScript并在几个月内敲出一个像样 ...

如何在自己的网站上添加HTML悬浮音乐播放器？

如何在自己的网站上添加HTML悬浮音乐播放器？相关推荐

最新文章

热门文章