经典网页播放器代码（欢迎不断添加个性的播放器样式代码！）

云中月 · 发表于 2016-8-20 13:48:00

欢迎你光临听风茗雨！请你注册加盟本论坛！请你登陆浏览本论坛！

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

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

云中月 · 发表于 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

云中月 · 发表于 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

云中月 · 发表于 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

云中月 · 发表于 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

云中月 · 发表于 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

云中月 · 发表于 2016-8-21 21:12:43

以下楼层的各播放器都是HTML5播放器可以突破浏览器的限制
使用方法是首先你必须有你自己的空间
把所有文件传进去
然后用代码引入其中的HTML文件

每一个播放器文件中的背景图片都可以换成你自己的
音乐文件也可以替换成你自己的
由于音乐文件和图片文件太大
一般空间都受不了
强烈建议修改HTML文件中的图片和音乐地址为直链地址
这样可以节省你的上传空间
但是其他的不要改变哦！！！

云中月 · 发表于 2016-8-21 21:35:05

支持iOS安卓html5播放器代码

下载地址：

百度云附件：支持iOS安卓html5播放器代码.rar

演示地址：

http://www.tingfeng.in/thread-52907-1-1.html

云中月 · 发表于 2016-8-22 19:44:26

HTML5手机网页视频播放器

下载地址：

百度云附件：HTML5手机网页视频播放器.rar

演示地址：

http://www.tingfeng.in/thread-52926-1-1.html

云中月 · 发表于 2016-8-22 20:02:30

黑色质感HTML5播放器

下载地址
百度云附件：黑色质感HTML5播放器.rar

演示地址
http://www.tingfeng.in/thread-52927-1-1.html

云中月 · 发表于 2016-8-26 19:45:14

HTML5复古风格音乐播放器

文件打包下载：
百度云附件：HTML5复古风格音乐播放器.rar

演示地址：

http://www.tingfeng.in/thread-52987-1-1.html

说明：这个播放器添加音乐文件地址需要添加修改两处一处是index.html 一处是index.js

云中月 · 发表于 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

云中月 · 发表于 2016-8-30 18:12:33

可爱的播放器(微笑制作)
QQ图片20160830180758.png

代码:

<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>

复制代码

云中月 · 发表于 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

复制代码

云中月 · 发表于 2016-8-30 20:07:20

SWF播放器2

代码:

http://www.51119.com/play/db/play23.swf?mp3=音乐地址&autoStart=yes&repeatPlay=yes&name=歌名&.swf

复制代码

云中月 · 发表于 2016-8-30 20:11:31

SWF播放器3

代码

http://www.51119.com/play/db/play26.swf?mp3=音乐地址&autoStart=yes&repeatPlay=yes&name=歌名&.swf

复制代码

云中月 · 发表于 2016-8-30 20:15:51

SWF播放器4

代码:

http://www.51119.com/play/db/play28.swf?mp3=音乐地址&autoStart=yes&repeatPlay=yes&name=歌名&.swf

复制代码

云中月 · 发表于 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:也可以作为单曲播放器,只需填入一个音乐地址既可以

云中月 · 发表于 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 设置显示图片功能参数后填写图片地址，为空不显示

云中月 · 发表于 2016-8-30 20:55:00

手机音乐播放器代码(虽然不好看,但是支持手机浏览论坛时听音乐哦!建议能使用)

代码:

<audio style="width:390px;height:64px;" controls="controls" autoplay="autoplay" loop="loop" src="音乐地址" type="audio/mpeg"></audio>

复制代码

[代码素材] 经典网页播放器代码（欢迎不断添加个性的播放器样式代码！）

欢迎你光临听风茗雨！请你注册加盟本论坛！请你登陆浏览本论坛！

鲜花鸡蛋

鲜花鸡蛋