查看: 247|回复: 0

[代码技巧] 子比主题 – 音乐播放器代码版_可全屏

社区贡献

319 主题	192 回帖	1万积分

等级头衔

组别 : 管理员
Icon

等级 :

积分成就

钻石 : 1 颗

贡献 : 34505 点

金币 : 92 枚

在线时间 : 1445 小时
Icon

注册时间 : 2024-11-22
Icon

最后登录 : 2026-5-13

荣誉勋章

实力殿堂·绝代收藏家

飞流

1

wu

发表于 2025-10-10 19:04:10 | 查看全部 |阅读模式浙江金华

交易无需等待，成交就是现在，全面资源整合网络大咖云集，让你轻松玩转互联网！

您需要登录才可以下载或查看，没有账号？立即注册

×

这是一款子比主题的音乐播放器代码版，腾飞博客之前也发过很多的播放器，这款部署之后是在右下角显示图标，点击可大屏来进行播放音乐，非常实用，基本上代码都是通过JS来实现的，话不多说喜欢的自信部署！

tengfei_down - 2025-10-10T190133.734.webp

tengfei_down - 2025-10-10T190133.734.webp

tengfei_down - 2025-10-10T190137.137.webp

代码部署

将下面的代码放到：子比主题–>>自定义底部HTML即可，代码里面有引入的js文件，附件我放到底部了，自己上传一下本地引入一下！！

<script src="JS文件引入链接"></script>
<style>
#shmusiczr {
/* 距离网页右侧的距离，请根据需要自行更改 */
right: 15px;
/* 距离网页底部的距离，请根据需要自行更改 */
bottom: 70px;
}
/* 在小屏幕设备（如手机）上隐藏播放器 */
@media (max-width: 768px) {
#shmusiczr {
display: none !important;
}
}
</style>

复制代码

附件下载

newindex.js 2025-10-10 19:04 上传

文件大小:

7.03 KB

下载次数:

0

关注作者后下载检测资源

严禁发布违规违法的信息内容链接，违者经审查后予以警告或封号处理！

【小飞侠提醒您：搜索时输入t1631代号，方便好记直达本帖！】

# 子比主题

本帖被以下淘专辑推荐:

子比主题|主题: 201, 订阅: 1

路虽远，行则将至；事虽难，做则必成。

使用道具举报

飞流广播+ 发布

	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	10-30 17:02
	系统消息：柒沐已经连续答对10道难题，逆天学霸谁与争锋？！#每日答题#	10-09 09:07
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	09-24 09:00
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	09-11 11:40
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	09-02 09:17
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	08-27 08:56
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	08-20 15:12
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	08-03 10:22
	系统消息：柒沐已经连续答对10道难题，逆天学霸谁与争锋？！#每日答题#	06-30 08:57
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	06-18 09:14
	系统消息：清风网络已经连续答对10道难题，逆天学霸谁与争锋？！#每日答题#	04-11 09:40
	系统消息：清风网络已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	04-10 09:31
	系统消息：IXM77777已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	04-09 13:44
	系统消息：清风网络已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	04-09 09:22
	系统消息：柒沐已经连续答对10道难题，逆天学霸谁与争锋？！#每日答题#	04-09 08:52
	系统消息：清风网络已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	04-08 09:24
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	04-07 09:02
	系统消息：柒沐已经连续答对10道难题，逆天学霸谁与争锋？！#每日答题#	02-27 09:35
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	02-26 09:06
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	02-25 08:49

[代码技巧] 子比主题 – 音乐播放器代码版_可全屏

交易无需等待，成交就是现在，全面资源整合网络大咖云集，让你轻松玩转互联网！

代码部署

附件下载

本帖被以下淘专辑推荐:

相关帖子

飞流广播+ 发布

连签LV.1

会员LV.1

会员LV.2

会员LV.3

会员LV.4

会员LV.5

会员LV.6

会员LV.7

会员LV.8

会员LV.9

会员LV.10

关于我们

常用功能

服务引导