听风茗雨:
凭栏听风 一杯清茶半日闲 枕书茗雨 万卷经诗润心田
开启辅助访问
用户名
Email
自动登录
找回密码
密码
登录
立即注册
论坛首页
BBS
社区搜索
论坛帖子用户搜索
━═☆禅意人生☆═━
佛教禅修祈祷人生
社区银行
勋章商城
道具商店
社区银行
『菩提禅心』
『学修感悟』
安全验证
请完成以下验证码
听风茗雨
»
论坛首页
›
━═☆听风音画☆═━
›
『素材基地』
›
经典网页播放器代码(欢迎不断添加个性的播放器样式代码 ...
1
2
/ 2 页
下一页
返回列表
查看:
4211
|
回复:
28
[代码素材]
经典网页播放器代码(欢迎不断添加个性的播放器样式代码!)
[复制链接]
云中月
云中月
当前离线
UID
4
积分
82534
主题
帖子
精华
金币
存款
钻石
颗
在线时间
小时
鲜花(
970
)
鸡蛋(
1
)
发表于 2016-8-20 13:48:00
|
显示全部楼层
|
阅读模式
微信
空间
Q群
欢迎你光临听风茗雨!请你注册加盟本论坛!请你登陆浏览本论坛!
您需要
登录
才可以下载或查看,没有帐号?
立即注册
x
本帖是给大家收集好看的在线网页播放器样式的代码帖子,
欢迎大家不停的添加你知道的精美的播放器样式代码!
发代码的时候同时发样式演示帖子地址,供大家欣赏并选择!
音乐演示帖子请发到音乐欣赏版块中去,链接地址过来即可。
请大家不要再此贴下跟帖演示!也不要回复任何和代码播放器无关的回复内容。
我们旨在给大家收集各种精美的在线播放器。
首先给大家的是嵌入代码音乐的几个格式的常识
一:自我选择循环播放和是否显示播放器的音乐代码(基本概念,不提供演示,如许演示自己去测试!)
<EMBED src='音乐网上地址' width=0 height=0 border=0 autostart=true loop=true></EMBED>
复制代码
width=0 就是宽度为0
height=0 就是高度为0
后面数字可任意设~看个人要求(全为0时为隐藏播放器)
autostart=true 为循环不停播发
autostart=-1 为只播放一次
autostart="true"中true或1表示自动播放,false或0表示手动播放 loop="true" 中的true或1表示重复播放,false或0表示只播放一次
width= height= 中的数字分别表示播放器的宽度和高度 =0表示隐藏播放器
EnableContextMenu="0" 禁右键 ShowStatusBar="1" (带显示文件播放信息)
二:隐藏播放器循环播放音乐代码
(基本概念,不提供演示,如许演示自己去测试!)
<EMBED src=音乐地址 width=0 height=0 type="text/plain; charset=GB2321" volume="0" autostart="true" loop="false">
复制代码
三:一款调节播放器在页面位置的漂亮播放器样式代码
<div id="layer1" style="Z-INDEX: 1; LEFT: 500px; WIDTH: 500px; POSITION: absolute; TOP:500px;EIGHT: -20px"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://www.yinhuabbs.cn/file/player.swf?url=http://link.hhtjim.com/163/417833754.mp3
&bgcolor=ba79c4&color=ba79c4&user=专用播放器&userurl=http://www.yinhuabbs.cn/index.php
&" width="500" height="90" type="application/x-shockwave-flash" allowscriptaccess="sameDomain" wmode="transparent" id="__wow_video_player__"></div>
复制代码
基本概念:
TOP: 距上距离 即距离网页(论坛页面)顶部距离 一般在150到200之间
LEFT: 距左距离 即距离浏览器(网页、论坛页面)左边线距离 一般一个1000宽度的作品 值为-200左右最佳,一个1200宽度的作品 值为-300左右为最佳 , 一个作品宽度为1300 值为-360左右。具体效果因为论坛页面有宽版和窄版,自己通过编辑进行调试。
本播放器演示地址:
http://www.tingfeng.in/thread-52832-1-1.html
鲜花鸡蛋
CJ风之声
在2017-4-15 21:23
送朵鲜花
并说:非常感谢你给社区带来经典的作品!
回复
鲜花(
970
)
鸡蛋(
1
)
使用道具
举报
提升卡
沉默卡
变色卡
抢沙发
千斤顶
显身卡
云中月
云中月
当前离线
UID
4
积分
82534
主题
帖子
精华
金币
存款
钻石
颗
在线时间
小时
鲜花(
970
)
鸡蛋(
1
)
楼主
|
发表于 2016-8-20 13:52:11
|
显示全部楼层
一款循环播放播放器代码
<P align=center> <TABLE borderColor=#bc8f8f cellSpacing=1
width=315 border=1> <TBODY> <TR> <TD><EMBED
style="FILTER: invert(); WIDTH: 315px; HEIGHT: 28px" src=音乐地址
type=audio/mpeg
autostart="true"></EMBED></TD></TR></TBODY></TABLE>
<P align=center></P></DIV> <P></P>
复制代码
演示地址:
http://www.tingfeng.in/thread-52871-1-1.html
回复
鲜花(
970
)
鸡蛋(
1
)
使用道具
举报
显身卡
云中月
云中月
当前离线
UID
4
积分
82534
主题
帖子
精华
金币
存款
钻石
颗
在线时间
小时
鲜花(
970
)
鸡蛋(
1
)
楼主
|
发表于 2016-8-20 13:58:39
|
显示全部楼层
播放器样式代码
<P align=center><table style="BORDER-RIGHT: #000000 3px
dashed; BORDER-TOP: #000000 3px dashed; BORDER-LEFT: #000000 3px dashed;
BORDER-BOTTOM: #000000 3px dashed" cellSpacing="0" cellPadding="0"
bgColor="#00000" id="table5"> <tr> <td> <table
borderColor="#000000" align="center" border="1" id="table6"> <tr>
<td> <p align="center"> <embed style="FILTER: Xray" src="音乐地址"
width="300" height="45" type="audio/mpeg" loop="-1" autostart="true"
volume="0"> </td> </tr> </table> </td> </tr>
</table>
复制代码
演示地址
http://www.tingfeng.in/thread-52873-1-1.html
回复
鲜花(
970
)
鸡蛋(
1
)
使用道具
举报
显身卡
云中月
云中月
当前离线
UID
4
积分
82534
主题
帖子
精华
金币
存款
钻石
颗
在线时间
小时
鲜花(
970
)
鸡蛋(
1
)
楼主
|
发表于 2016-8-20 14:02:36
|
显示全部楼层
播放器样式
<p align="center"><EMBED style="FILTER: Xray" src=音乐地址
width=300 height=45 type=audio/mpeg loop="-1" autostart="true"
volume="0"></EMBED>
复制代码
演示地址
http://www.tingfeng.in/thread-52874-1-1.html
回复
鲜花(
970
)
鸡蛋(
1
)
使用道具
举报
显身卡
云中月
云中月
当前离线
UID
4
积分
82534
主题
帖子
精华
金币
存款
钻石
颗
在线时间
小时
鲜花(
970
)
鸡蛋(
1
)
楼主
|
发表于 2016-8-20 14:23:50
|
显示全部楼层
播放器样式:
<EMBED style="POSITION: absolute; TOP: 100; LEFT: 600" height=50 type=application/x-shockwave-flash align=left pluginspage=http://www.macromedia.com/go/getflashplayer width=125 src=http://hentian4.fudisk.com/H_5_N/langdeyinyue/zhtzj.swf?url=音乐地址&bgcolor=FF0000&color=FF0000& wmode="transparent" invokeurls="false"
</embed>
复制代码
该播放器以频谱形式出现
播放按钮鼠标滑过显示
自动循环播放
其中bgcolor=FF0000&color=FF0000部分后年的数值是颜色代码,可以在这里修改播放器的外显颜色。
(此播放器是偷盗自阿杜兄弟的音画,大家如果需要使用,要问一下他哦,哈哈哈,兄弟见谅!)
演示地址
http://www.tingfeng.in/thread-52876-1-1.html
回复
鲜花(
970
)
鸡蛋(
1
)
使用道具
举报
显身卡
云中月
云中月
当前离线
UID
4
积分
82534
主题
帖子
精华
金币
存款
钻石
颗
在线时间
小时
鲜花(
970
)
鸡蛋(
1
)
楼主
|
发表于 2016-8-20 14:48:09
|
显示全部楼层
深蓝色带菜单播放器
<EMBED style="FILTER: invert()" src=音乐网址 width=320 height=45 type=audio/x-ms-wma ShowStatusBar="1" loop="true" >
复制代码
演示地址
http://www.tingfeng.in/thread-52878-1-1.html
回复
鲜花(
970
)
鸡蛋(
1
)
使用道具
举报
显身卡
云中月
云中月
当前离线
UID
4
积分
82534
主题
帖子
精华
金币
存款
钻石
颗
在线时间
小时
鲜花(
970
)
鸡蛋(
1
)
楼主
|
发表于 2016-8-21 21:12:43
|
显示全部楼层
以下楼层的各播放器都是HTML5播放器
可以突破浏览器的限制
使用方法是首先你必须有你自己的空间
把所有文件传进去
然后用代码引入其中的HTML文件
每一个播放器文件中的背景图片都可以换成你自己的
音乐文件也可以替换成你自己的
由于音乐文件和图片文件太大
一般空间都受不了
强烈建议修改HTML文件中的图片和音乐地址为直链地址
这样可以节省你的上传空间
但是其他的不要改变哦!!!
回复
鲜花(
970
)
鸡蛋(
1
)
使用道具
举报
显身卡
云中月
云中月
当前离线
UID
4
积分
82534
主题
帖子
精华
金币
存款
钻石
颗
在线时间
小时
鲜花(
970
)
鸡蛋(
1
)
楼主
|
发表于 2016-8-21 21:35:05
|
显示全部楼层
支持iOS安卓html5播放器代码
下载地址:
百度云附件:支持iOS安卓html5播放器代码.rar
演示地址:
http://www.tingfeng.in/thread-52907-1-1.html
回复
鲜花(
970
)
鸡蛋(
1
)
使用道具
举报
显身卡
云中月
云中月
当前离线
UID
4
积分
82534
主题
帖子
精华
金币
存款
钻石
颗
在线时间
小时
鲜花(
970
)
鸡蛋(
1
)
楼主
|
发表于 2016-8-22 19:44:26
|
显示全部楼层
HTML5手机网页视频播放器
下载地址:
百度云附件:HTML5手机网页视频播放器.rar
演示地址:
http://www.tingfeng.in/thread-52926-1-1.html
回复
鲜花(
970
)
鸡蛋(
1
)
使用道具
举报
显身卡
云中月
云中月
当前离线
UID
4
积分
82534
主题
帖子
精华
金币
存款
钻石
颗
在线时间
小时
鲜花(
970
)
鸡蛋(
1
)
楼主
|
发表于 2016-8-22 20:02:30
|
显示全部楼层
黑色质感HTML5播放器
下载地址
百度云附件:黑色质感HTML5播放器.rar
演示地址
http://www.tingfeng.in/thread-52927-1-1.html
回复
鲜花(
970
)
鸡蛋(
1
)
使用道具
举报
显身卡
云中月
云中月
当前离线
UID
4
积分
82534
主题
帖子
精华
金币
存款
钻石
颗
在线时间
小时
鲜花(
970
)
鸡蛋(
1
)
楼主
|
发表于 2016-8-26 19:45:14
|
显示全部楼层
HTML5复古风格音乐播放器
文件打包下载:
百度云附件:HTML5复古风格音乐播放器.rar
演示地址:
http://www.tingfeng.in/thread-52987-1-1.html
说明:这个播放器添加音乐文件地址需要添加修改两处 一处是index.html 一处是index.js
回复
鲜花(
970
)
鸡蛋(
1
)
使用道具
举报
显身卡
云中月
云中月
当前离线
UID
4
积分
82534
主题
帖子
精华
金币
存款
钻石
颗
在线时间
小时
鲜花(
970
)
鸡蛋(
1
)
楼主
|
发表于 2016-8-30 17:33:31
|
显示全部楼层
黄色皮肤(兼容状态下)播放器(极速状态下为黑色)
<embed style="FILTER: invert(); WIDTH: 778px; HEIGHT: 70px" src="音乐地址" type="audio/mpeg" autostart="true">
复制代码
演示地址:
http://www.tingfeng.in/thread-53055-1-1.html
回复
鲜花(
970
)
鸡蛋(
1
)
使用道具
举报
显身卡
云中月
云中月
当前离线
UID
4
积分
82534
主题
帖子
精华
金币
存款
钻石
颗
在线时间
小时
鲜花(
970
)
鸡蛋(
1
)
楼主
|
发表于 2016-8-30 18:12:33
|
显示全部楼层
可爱的播放器(微笑制作)
代码:
<DIV align=center><EMBED height=260 type=application/x-shockwave-flash width=170 src=http://kx9h.com:88/wx/swf/1/kx004.swf flashvars="mp3=音乐地址&autoplay=1&autoreplay=1&volume=100
&&w1=歌名" wmode="transparent"></DIV>
复制代码
回复
鲜花(
970
)
鸡蛋(
1
)
使用道具
举报
显身卡
云中月
云中月
当前离线
UID
4
积分
82534
主题
帖子
精华
金币
存款
钻石
颗
在线时间
小时
鲜花(
970
)
鸡蛋(
1
)
楼主
|
发表于 2016-8-30 19:57:33
|
显示全部楼层
SWF格式音乐播放器,就是通过SWF样式直接引入歌曲,在论坛不需要代码导入,只需要使用FLASH按钮引入即可,适用性很强.切记在论坛插入时,FLASH宽要大于210,高要大于110,不能设置为0!!!
SWF格式播放器1
代码:(自己替换音乐地址和歌名,注意不要造成空格)
http://www.51119.com/play/db/play21.swf?mp3=音乐地址&autoStart=yes&repeatPlay=yes&name=歌名&.swf
复制代码
回复
鲜花(
970
)
鸡蛋(
1
)
使用道具
举报
显身卡
云中月
云中月
当前离线
UID
4
积分
82534
主题
帖子
精华
金币
存款
钻石
颗
在线时间
小时
鲜花(
970
)
鸡蛋(
1
)
楼主
|
发表于 2016-8-30 20:07:20
|
显示全部楼层
SWF播放器2
代码:
http://www.51119.com/play/db/play23.swf?mp3=音乐地址&autoStart=yes&repeatPlay=yes&name=歌名&.swf
复制代码
回复
鲜花(
970
)
鸡蛋(
1
)
使用道具
举报
显身卡
云中月
云中月
当前离线
UID
4
积分
82534
主题
帖子
精华
金币
存款
钻石
颗
在线时间
小时
鲜花(
970
)
鸡蛋(
1
)
楼主
|
发表于 2016-8-30 20:11:31
|
显示全部楼层
SWF播放器3
代码
http://www.51119.com/play/db/play26.swf?mp3=音乐地址&autoStart=yes&repeatPlay=yes&name=歌名&.swf
复制代码
回复
鲜花(
970
)
鸡蛋(
1
)
使用道具
举报
显身卡
云中月
云中月
当前离线
UID
4
积分
82534
主题
帖子
精华
金币
存款
钻石
颗
在线时间
小时
鲜花(
970
)
鸡蛋(
1
)
楼主
|
发表于 2016-8-30 20:15:51
|
显示全部楼层
SWF播放器4
代码:
http://www.51119.com/play/db/play28.swf?mp3=音乐地址&autoStart=yes&repeatPlay=yes&name=歌名&.swf
复制代码
回复
鲜花(
970
)
鸡蛋(
1
)
使用道具
举报
显身卡
云中月
云中月
当前离线
UID
4
积分
82534
主题
帖子
精华
金币
存款
钻石
颗
在线时间
小时
鲜花(
970
)
鸡蛋(
1
)
楼主
|
发表于 2016-8-30 20:27:41
|
显示全部楼层
多首连播代码播放器
代码一:不透明底色
<object type="application/x-shockwave-flash" data="http://www.51119.com/Dewplayer/dewplayer-multi.swf" width="240" height="20" id="dewplayer" name="dewplayer">
<param name="movie" value="http://www.51119.com/Dewplayer/dewplayer-multi.swf" />
<param name="flashvars" value="mp3=音乐地址|音乐地址&autostart=1&autoreplay=1&bgcolor=FFFFFF" />
</object>
复制代码
代码二:透明底色
<object type="application/x-shockwave-flash" data="http://www.51119.com/Dewplayer/dewplayer-multi.swf" width="240" height="20" id="dewplayer" name="dewplayer">
<param name="wmode" value="transparent" />
<param name="movie" value="http://www.51119.com/Dewplayer/dewplayer-multi.swf" />
<param name="flashvars" value="音乐地址|音乐地址&autostart=1&autoreplay=1" />
</object>
复制代码
说明:
1:音乐地址自己替换,每首音乐地址之间用"|"隔开,理论上可以一直如此添加下去!
2:bgcolor=FFFFFF代码是播放器背景色,这个自己可以修改
3:透明底色和不透明底色意思很简单,透明底色就是不出现底色,可以和背景图片很好融合
4:我全部设置的是地动循环播放
5:也可以作为单曲播放器,只需填入一个音乐地址既可以
回复
鲜花(
970
)
鸡蛋(
1
)
使用道具
举报
显身卡
云中月
云中月
当前离线
UID
4
积分
82534
主题
帖子
精华
金币
存款
钻石
颗
在线时间
小时
鲜花(
970
)
鸡蛋(
1
)
楼主
|
发表于 2016-8-30 20:34:16
|
显示全部楼层
代码播放器
代码:
<embed src="http://www.3464.com/tools/MP3Lyplayer/Lyplayer.swf?path=音乐地址&type=mp3&autoplay=true" type="application/x-shockwave-flash" width="500" height="27" quality="high" />
复制代码
参数配置:
path 音乐文件地址
type 类型分为mp3
autoplay 自动播放参数true为自动播放false为否
backcolor 自定义播放器颜色,如backcolor=ffffff为白色
frontcolor 按钮图标文字颜色,如frontcolor=ffffff为白色
thumbnail 设置显示图片功能参数后填写图片地址,为空不显示
回复
鲜花(
970
)
鸡蛋(
1
)
使用道具
举报
显身卡
云中月
云中月
当前离线
UID
4
积分
82534
主题
帖子
精华
金币
存款
钻石
颗
在线时间
小时
鲜花(
970
)
鸡蛋(
1
)
楼主
|
发表于 2016-8-30 20:55:00
|
显示全部楼层
手机音乐播放器代码(虽然不好看,但是支持手机浏览论坛时听音乐哦!建议能使用)
代码:
<audio style="width:390px;height:64px;" controls="controls" autoplay="autoplay" loop="loop" src="音乐地址" type="audio/mpeg"></audio>
复制代码
鲜花鸡蛋
听韵
在2016-8-30 22:59
送朵鲜花
并说:非常感谢你给社区带来经典的作品!
回复
鲜花(
970
)
鸡蛋(
1
)
使用道具
举报
显身卡
下一页 »
1
2
/ 2 页
下一页
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
立即注册
本版积分规则
发表回复
回帖后跳转到最后一页
|排行榜|
Powered by
听风茗雨