听风茗雨

 找回密码
 立即注册
查看: 3319|回复: 28

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

[复制链接]

签到天数: 731

该用户今日未签到

论坛帅哥12周年纪念勋章活动精英(17射雕英雄传第一季活动纪念)活动精英(17听风庆迎春活动纪念)活动精英(16光棍节活动纪念勋章)活动精英(庆生活动纪念勋章)活动精英(“如果爱”同题活动纪念勋章)活动精英(2015三羊开泰贺新年活动参与纪念勋章)活动精英(听风第二届舞会活动参与纪念勋章)活动精英(14圣诞迎新活动参与纪念勋章)活动精英(15欢乐国庆活动参与纪念勋章)活动精英(15幸福中秋活动参与纪念勋章)活动精英(第一届舞会“童话情人梦”活动参与纪念勋章)活动精英(15胜利日活动参与纪念勋章)活动精英(12坛庆活动参与纪念勋章)

鲜花(871) 鸡蛋(1)
发表于 2016-8-20 13:48:00 | 显示全部楼层 |阅读模式

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

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

x
本帖是给大家收集好看的在线网页播放器样式的代码帖子,
欢迎大家不停的添加你知道的精美的播放器样式代码!
发代码的时候同时发样式演示帖子地址,供大家欣赏并选择!
音乐演示帖子请发到音乐欣赏版块中去,链接地址过来即可。
请大家不要再此贴下跟帖演示!也不要回复任何和代码播放器无关的回复内容。
我们旨在给大家收集各种精美的在线播放器。


首先给大家的是嵌入代码音乐的几个格式的常识

一:自我选择循环播放和是否显示播放器的音乐代码(基本概念,不提供演示,如许演示自己去测试!)

  1. <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" (带显示文件播放信息)


二:隐藏播放器循环播放音乐代码(基本概念,不提供演示,如许演示自己去测试!)

  1. <EMBED src=音乐地址 width=0 height=0 type="text/plain; charset=GB2321" volume="0" autostart="true" loop="false">
复制代码

三:一款调节播放器在页面位置的漂亮播放器样式代码


  1. <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
  2. &bgcolor=ba79c4&color=ba79c4&user=专用播放器&userurl=http://www.yinhuabbs.cn/index.php
  3. &" 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  送朵鲜花  并说:非常感谢你给社区带来经典的作品!

签到天数: 731

该用户今日未签到

论坛帅哥12周年纪念勋章活动精英(17射雕英雄传第一季活动纪念)活动精英(17听风庆迎春活动纪念)活动精英(16光棍节活动纪念勋章)活动精英(庆生活动纪念勋章)活动精英(“如果爱”同题活动纪念勋章)活动精英(2015三羊开泰贺新年活动参与纪念勋章)活动精英(听风第二届舞会活动参与纪念勋章)活动精英(14圣诞迎新活动参与纪念勋章)活动精英(15欢乐国庆活动参与纪念勋章)活动精英(15幸福中秋活动参与纪念勋章)活动精英(第一届舞会“童话情人梦”活动参与纪念勋章)活动精英(15胜利日活动参与纪念勋章)活动精英(12坛庆活动参与纪念勋章)

鲜花(871) 鸡蛋(1)
 楼主| 发表于 2016-8-20 13:52:11 | 显示全部楼层
一款循环播放播放器代码
  1. <P align=center> <TABLE borderColor=#bc8f8f cellSpacing=1
  2. width=315 border=1> <TBODY> <TR> <TD><EMBED
  3. style="FILTER: invert(); WIDTH: 315px; HEIGHT: 28px" src=音乐地址
  4. type=audio/mpeg
  5. autostart="true"></EMBED></TD></TR></TBODY></TABLE>
  6. <P align=center></P></DIV> <P></P>
复制代码



演示地址:

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

签到天数: 731

该用户今日未签到

论坛帅哥12周年纪念勋章活动精英(17射雕英雄传第一季活动纪念)活动精英(17听风庆迎春活动纪念)活动精英(16光棍节活动纪念勋章)活动精英(庆生活动纪念勋章)活动精英(“如果爱”同题活动纪念勋章)活动精英(2015三羊开泰贺新年活动参与纪念勋章)活动精英(听风第二届舞会活动参与纪念勋章)活动精英(14圣诞迎新活动参与纪念勋章)活动精英(15欢乐国庆活动参与纪念勋章)活动精英(15幸福中秋活动参与纪念勋章)活动精英(第一届舞会“童话情人梦”活动参与纪念勋章)活动精英(15胜利日活动参与纪念勋章)活动精英(12坛庆活动参与纪念勋章)

鲜花(871) 鸡蛋(1)
 楼主| 发表于 2016-8-20 13:58:39 | 显示全部楼层
播放器样式代码
  1. <P align=center><table style="BORDER-RIGHT: #000000 3px
  2. dashed; BORDER-TOP: #000000 3px dashed; BORDER-LEFT: #000000 3px dashed;
  3. BORDER-BOTTOM: #000000 3px dashed" cellSpacing="0" cellPadding="0"
  4. bgColor="#00000" id="table5"> <tr> <td> <table
  5. borderColor="#000000" align="center" border="1" id="table6"> <tr>
  6. <td> <p align="center"> <embed style="FILTER: Xray" src="音乐地址"
  7. width="300" height="45" type="audio/mpeg" loop="-1" autostart="true"
  8. volume="0"> </td> </tr> </table> </td> </tr>
  9. </table>
复制代码



演示地址

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

签到天数: 731

该用户今日未签到

论坛帅哥12周年纪念勋章活动精英(17射雕英雄传第一季活动纪念)活动精英(17听风庆迎春活动纪念)活动精英(16光棍节活动纪念勋章)活动精英(庆生活动纪念勋章)活动精英(“如果爱”同题活动纪念勋章)活动精英(2015三羊开泰贺新年活动参与纪念勋章)活动精英(听风第二届舞会活动参与纪念勋章)活动精英(14圣诞迎新活动参与纪念勋章)活动精英(15欢乐国庆活动参与纪念勋章)活动精英(15幸福中秋活动参与纪念勋章)活动精英(第一届舞会“童话情人梦”活动参与纪念勋章)活动精英(15胜利日活动参与纪念勋章)活动精英(12坛庆活动参与纪念勋章)

鲜花(871) 鸡蛋(1)
 楼主| 发表于 2016-8-20 14:02:36 | 显示全部楼层
播放器样式
  1. <p align="center"><EMBED style="FILTER: Xray" src=音乐地址
  2. width=300 height=45 type=audio/mpeg loop="-1" autostart="true"
  3. volume="0"></EMBED>
复制代码
演示地址

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

签到天数: 731

该用户今日未签到

论坛帅哥12周年纪念勋章活动精英(17射雕英雄传第一季活动纪念)活动精英(17听风庆迎春活动纪念)活动精英(16光棍节活动纪念勋章)活动精英(庆生活动纪念勋章)活动精英(“如果爱”同题活动纪念勋章)活动精英(2015三羊开泰贺新年活动参与纪念勋章)活动精英(听风第二届舞会活动参与纪念勋章)活动精英(14圣诞迎新活动参与纪念勋章)活动精英(15欢乐国庆活动参与纪念勋章)活动精英(15幸福中秋活动参与纪念勋章)活动精英(第一届舞会“童话情人梦”活动参与纪念勋章)活动精英(15胜利日活动参与纪念勋章)活动精英(12坛庆活动参与纪念勋章)

鲜花(871) 鸡蛋(1)
 楼主| 发表于 2016-8-20 14:23:50 | 显示全部楼层
播放器样式:
  1. <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"
  2. </embed>
复制代码
该播放器以频谱形式出现
播放按钮鼠标滑过显示
自动循环播放
其中bgcolor=FF0000&amp;color=FF0000部分后年的数值是颜色代码,可以在这里修改播放器的外显颜色。
(此播放器是偷盗自阿杜兄弟的音画,大家如果需要使用,要问一下他哦,哈哈哈,兄弟见谅!)

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

签到天数: 731

该用户今日未签到

论坛帅哥12周年纪念勋章活动精英(17射雕英雄传第一季活动纪念)活动精英(17听风庆迎春活动纪念)活动精英(16光棍节活动纪念勋章)活动精英(庆生活动纪念勋章)活动精英(“如果爱”同题活动纪念勋章)活动精英(2015三羊开泰贺新年活动参与纪念勋章)活动精英(听风第二届舞会活动参与纪念勋章)活动精英(14圣诞迎新活动参与纪念勋章)活动精英(15欢乐国庆活动参与纪念勋章)活动精英(15幸福中秋活动参与纪念勋章)活动精英(第一届舞会“童话情人梦”活动参与纪念勋章)活动精英(15胜利日活动参与纪念勋章)活动精英(12坛庆活动参与纪念勋章)

鲜花(871) 鸡蛋(1)
 楼主| 发表于 2016-8-20 14:48:09 | 显示全部楼层
深蓝色带菜单播放器
  1. <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

签到天数: 731

该用户今日未签到

论坛帅哥12周年纪念勋章活动精英(17射雕英雄传第一季活动纪念)活动精英(17听风庆迎春活动纪念)活动精英(16光棍节活动纪念勋章)活动精英(庆生活动纪念勋章)活动精英(“如果爱”同题活动纪念勋章)活动精英(2015三羊开泰贺新年活动参与纪念勋章)活动精英(听风第二届舞会活动参与纪念勋章)活动精英(14圣诞迎新活动参与纪念勋章)活动精英(15欢乐国庆活动参与纪念勋章)活动精英(15幸福中秋活动参与纪念勋章)活动精英(第一届舞会“童话情人梦”活动参与纪念勋章)活动精英(15胜利日活动参与纪念勋章)活动精英(12坛庆活动参与纪念勋章)

鲜花(871) 鸡蛋(1)
 楼主| 发表于 2016-8-21 21:12:43 | 显示全部楼层
以下楼层的各播放器都是HTML5播放器可以突破浏览器的限制
使用方法是首先你必须有你自己的空间
把所有文件传进去
然后用代码引入其中的HTML文件

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



签到天数: 731

该用户今日未签到

论坛帅哥12周年纪念勋章活动精英(17射雕英雄传第一季活动纪念)活动精英(17听风庆迎春活动纪念)活动精英(16光棍节活动纪念勋章)活动精英(庆生活动纪念勋章)活动精英(“如果爱”同题活动纪念勋章)活动精英(2015三羊开泰贺新年活动参与纪念勋章)活动精英(听风第二届舞会活动参与纪念勋章)活动精英(14圣诞迎新活动参与纪念勋章)活动精英(15欢乐国庆活动参与纪念勋章)活动精英(15幸福中秋活动参与纪念勋章)活动精英(第一届舞会“童话情人梦”活动参与纪念勋章)活动精英(15胜利日活动参与纪念勋章)活动精英(12坛庆活动参与纪念勋章)

鲜花(871) 鸡蛋(1)
 楼主| 发表于 2016-8-21 21:35:05 | 显示全部楼层
支持iOS安卓html5播放器代码

jiaoben3366.jpg


下载地址:

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



演示地址:

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

签到天数: 731

该用户今日未签到

论坛帅哥12周年纪念勋章活动精英(17射雕英雄传第一季活动纪念)活动精英(17听风庆迎春活动纪念)活动精英(16光棍节活动纪念勋章)活动精英(庆生活动纪念勋章)活动精英(“如果爱”同题活动纪念勋章)活动精英(2015三羊开泰贺新年活动参与纪念勋章)活动精英(听风第二届舞会活动参与纪念勋章)活动精英(14圣诞迎新活动参与纪念勋章)活动精英(15欢乐国庆活动参与纪念勋章)活动精英(15幸福中秋活动参与纪念勋章)活动精英(第一届舞会“童话情人梦”活动参与纪念勋章)活动精英(15胜利日活动参与纪念勋章)活动精英(12坛庆活动参与纪念勋章)

鲜花(871) 鸡蛋(1)
 楼主| 发表于 2016-8-22 19:44:26 | 显示全部楼层

签到天数: 731

该用户今日未签到

论坛帅哥12周年纪念勋章活动精英(17射雕英雄传第一季活动纪念)活动精英(17听风庆迎春活动纪念)活动精英(16光棍节活动纪念勋章)活动精英(庆生活动纪念勋章)活动精英(“如果爱”同题活动纪念勋章)活动精英(2015三羊开泰贺新年活动参与纪念勋章)活动精英(听风第二届舞会活动参与纪念勋章)活动精英(14圣诞迎新活动参与纪念勋章)活动精英(15欢乐国庆活动参与纪念勋章)活动精英(15幸福中秋活动参与纪念勋章)活动精英(第一届舞会“童话情人梦”活动参与纪念勋章)活动精英(15胜利日活动参与纪念勋章)活动精英(12坛庆活动参与纪念勋章)

鲜花(871) 鸡蛋(1)
 楼主| 发表于 2016-8-22 20:02:30 | 显示全部楼层

签到天数: 731

该用户今日未签到

论坛帅哥12周年纪念勋章活动精英(17射雕英雄传第一季活动纪念)活动精英(17听风庆迎春活动纪念)活动精英(16光棍节活动纪念勋章)活动精英(庆生活动纪念勋章)活动精英(“如果爱”同题活动纪念勋章)活动精英(2015三羊开泰贺新年活动参与纪念勋章)活动精英(听风第二届舞会活动参与纪念勋章)活动精英(14圣诞迎新活动参与纪念勋章)活动精英(15欢乐国庆活动参与纪念勋章)活动精英(15幸福中秋活动参与纪念勋章)活动精英(第一届舞会“童话情人梦”活动参与纪念勋章)活动精英(15胜利日活动参与纪念勋章)活动精英(12坛庆活动参与纪念勋章)

鲜花(871) 鸡蛋(1)
 楼主| 发表于 2016-8-26 19:45:14 | 显示全部楼层
HTML5复古风格音乐播放器
jiaoben3809.jpg

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

演示地址:

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

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


签到天数: 731

该用户今日未签到

论坛帅哥12周年纪念勋章活动精英(17射雕英雄传第一季活动纪念)活动精英(17听风庆迎春活动纪念)活动精英(16光棍节活动纪念勋章)活动精英(庆生活动纪念勋章)活动精英(“如果爱”同题活动纪念勋章)活动精英(2015三羊开泰贺新年活动参与纪念勋章)活动精英(听风第二届舞会活动参与纪念勋章)活动精英(14圣诞迎新活动参与纪念勋章)活动精英(15欢乐国庆活动参与纪念勋章)活动精英(15幸福中秋活动参与纪念勋章)活动精英(第一届舞会“童话情人梦”活动参与纪念勋章)活动精英(15胜利日活动参与纪念勋章)活动精英(12坛庆活动参与纪念勋章)

鲜花(871) 鸡蛋(1)
 楼主| 发表于 2016-8-30 17:33:31 | 显示全部楼层
黄色皮肤(兼容状态下)播放器(极速状态下为黑色)

  1. <embed style="FILTER: invert(); WIDTH: 778px; HEIGHT: 70px" src="音乐地址" type="audio/mpeg" autostart="true">
复制代码


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

签到天数: 731

该用户今日未签到

论坛帅哥12周年纪念勋章活动精英(17射雕英雄传第一季活动纪念)活动精英(17听风庆迎春活动纪念)活动精英(16光棍节活动纪念勋章)活动精英(庆生活动纪念勋章)活动精英(“如果爱”同题活动纪念勋章)活动精英(2015三羊开泰贺新年活动参与纪念勋章)活动精英(听风第二届舞会活动参与纪念勋章)活动精英(14圣诞迎新活动参与纪念勋章)活动精英(15欢乐国庆活动参与纪念勋章)活动精英(15幸福中秋活动参与纪念勋章)活动精英(第一届舞会“童话情人梦”活动参与纪念勋章)活动精英(15胜利日活动参与纪念勋章)活动精英(12坛庆活动参与纪念勋章)

鲜花(871) 鸡蛋(1)
 楼主| 发表于 2016-8-30 18:12:33 | 显示全部楼层
可爱的播放器(微笑制作)
QQ图片20160830180758.png

代码:
  1. <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
  2. &&w1=歌名" wmode="transparent"></DIV>
复制代码

签到天数: 731

该用户今日未签到

论坛帅哥12周年纪念勋章活动精英(17射雕英雄传第一季活动纪念)活动精英(17听风庆迎春活动纪念)活动精英(16光棍节活动纪念勋章)活动精英(庆生活动纪念勋章)活动精英(“如果爱”同题活动纪念勋章)活动精英(2015三羊开泰贺新年活动参与纪念勋章)活动精英(听风第二届舞会活动参与纪念勋章)活动精英(14圣诞迎新活动参与纪念勋章)活动精英(15欢乐国庆活动参与纪念勋章)活动精英(15幸福中秋活动参与纪念勋章)活动精英(第一届舞会“童话情人梦”活动参与纪念勋章)活动精英(15胜利日活动参与纪念勋章)活动精英(12坛庆活动参与纪念勋章)

鲜花(871) 鸡蛋(1)
 楼主| 发表于 2016-8-30 19:57:33 | 显示全部楼层
SWF格式音乐播放器,就是通过SWF样式直接引入歌曲,在论坛不需要代码导入,只需要使用FLASH按钮引入即可,适用性很强.切记在论坛插入时,FLASH宽要大于210,高要大于110,不能设置为0!!!

SWF格式播放器1
1.png

代码:(自己替换音乐地址和歌名,注意不要造成空格)
  1. http://www.51119.com/play/db/play21.swf?mp3=音乐地址&autoStart=yes&repeatPlay=yes&name=歌名&.swf
复制代码

签到天数: 731

该用户今日未签到

论坛帅哥12周年纪念勋章活动精英(17射雕英雄传第一季活动纪念)活动精英(17听风庆迎春活动纪念)活动精英(16光棍节活动纪念勋章)活动精英(庆生活动纪念勋章)活动精英(“如果爱”同题活动纪念勋章)活动精英(2015三羊开泰贺新年活动参与纪念勋章)活动精英(听风第二届舞会活动参与纪念勋章)活动精英(14圣诞迎新活动参与纪念勋章)活动精英(15欢乐国庆活动参与纪念勋章)活动精英(15幸福中秋活动参与纪念勋章)活动精英(第一届舞会“童话情人梦”活动参与纪念勋章)活动精英(15胜利日活动参与纪念勋章)活动精英(12坛庆活动参与纪念勋章)

鲜花(871) 鸡蛋(1)
 楼主| 发表于 2016-8-30 20:07:20 | 显示全部楼层
SWF播放器2
2.png

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

签到天数: 731

该用户今日未签到

论坛帅哥12周年纪念勋章活动精英(17射雕英雄传第一季活动纪念)活动精英(17听风庆迎春活动纪念)活动精英(16光棍节活动纪念勋章)活动精英(庆生活动纪念勋章)活动精英(“如果爱”同题活动纪念勋章)活动精英(2015三羊开泰贺新年活动参与纪念勋章)活动精英(听风第二届舞会活动参与纪念勋章)活动精英(14圣诞迎新活动参与纪念勋章)活动精英(15欢乐国庆活动参与纪念勋章)活动精英(15幸福中秋活动参与纪念勋章)活动精英(第一届舞会“童话情人梦”活动参与纪念勋章)活动精英(15胜利日活动参与纪念勋章)活动精英(12坛庆活动参与纪念勋章)

鲜花(871) 鸡蛋(1)
 楼主| 发表于 2016-8-30 20:11:31 | 显示全部楼层
SWF播放器3
3.png

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

签到天数: 731

该用户今日未签到

论坛帅哥12周年纪念勋章活动精英(17射雕英雄传第一季活动纪念)活动精英(17听风庆迎春活动纪念)活动精英(16光棍节活动纪念勋章)活动精英(庆生活动纪念勋章)活动精英(“如果爱”同题活动纪念勋章)活动精英(2015三羊开泰贺新年活动参与纪念勋章)活动精英(听风第二届舞会活动参与纪念勋章)活动精英(14圣诞迎新活动参与纪念勋章)活动精英(15欢乐国庆活动参与纪念勋章)活动精英(15幸福中秋活动参与纪念勋章)活动精英(第一届舞会“童话情人梦”活动参与纪念勋章)活动精英(15胜利日活动参与纪念勋章)活动精英(12坛庆活动参与纪念勋章)

鲜花(871) 鸡蛋(1)
 楼主| 发表于 2016-8-30 20:15:51 | 显示全部楼层
SWF播放器4
4.png

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

签到天数: 731

该用户今日未签到

论坛帅哥12周年纪念勋章活动精英(17射雕英雄传第一季活动纪念)活动精英(17听风庆迎春活动纪念)活动精英(16光棍节活动纪念勋章)活动精英(庆生活动纪念勋章)活动精英(“如果爱”同题活动纪念勋章)活动精英(2015三羊开泰贺新年活动参与纪念勋章)活动精英(听风第二届舞会活动参与纪念勋章)活动精英(14圣诞迎新活动参与纪念勋章)活动精英(15欢乐国庆活动参与纪念勋章)活动精英(15幸福中秋活动参与纪念勋章)活动精英(第一届舞会“童话情人梦”活动参与纪念勋章)活动精英(15胜利日活动参与纪念勋章)活动精英(12坛庆活动参与纪念勋章)

鲜花(871) 鸡蛋(1)
 楼主| 发表于 2016-8-30 20:27:41 | 显示全部楼层
多首连播代码播放器
5.png

代码一:不透明底色
  1. <object type="application/x-shockwave-flash" data="http://www.51119.com/Dewplayer/dewplayer-multi.swf" width="240" height="20" id="dewplayer" name="dewplayer">
  2. <param name="movie" value="http://www.51119.com/Dewplayer/dewplayer-multi.swf" />
  3. <param name="flashvars" value="mp3=音乐地址|音乐地址&autostart=1&autoreplay=1&bgcolor=FFFFFF" />
  4. </object>
复制代码


代码二:透明底色
  1. <object type="application/x-shockwave-flash" data="http://www.51119.com/Dewplayer/dewplayer-multi.swf" width="240" height="20" id="dewplayer" name="dewplayer">
  2. <param name="wmode" value="transparent" />
  3. <param name="movie" value="http://www.51119.com/Dewplayer/dewplayer-multi.swf" />
  4. <param name="flashvars" value="音乐地址|音乐地址&autostart=1&autoreplay=1" />
  5. </object>
复制代码





说明:
1:音乐地址自己替换,每首音乐地址之间用"|"隔开,理论上可以一直如此添加下去!
2:bgcolor=FFFFFF代码是播放器背景色,这个自己可以修改
3:透明底色和不透明底色意思很简单,透明底色就是不出现底色,可以和背景图片很好融合
4:我全部设置的是地动循环播放
5:也可以作为单曲播放器,只需填入一个音乐地址既可以

签到天数: 731

该用户今日未签到

论坛帅哥12周年纪念勋章活动精英(17射雕英雄传第一季活动纪念)活动精英(17听风庆迎春活动纪念)活动精英(16光棍节活动纪念勋章)活动精英(庆生活动纪念勋章)活动精英(“如果爱”同题活动纪念勋章)活动精英(2015三羊开泰贺新年活动参与纪念勋章)活动精英(听风第二届舞会活动参与纪念勋章)活动精英(14圣诞迎新活动参与纪念勋章)活动精英(15欢乐国庆活动参与纪念勋章)活动精英(15幸福中秋活动参与纪念勋章)活动精英(第一届舞会“童话情人梦”活动参与纪念勋章)活动精英(15胜利日活动参与纪念勋章)活动精英(12坛庆活动参与纪念勋章)

鲜花(871) 鸡蛋(1)
 楼主| 发表于 2016-8-30 20:34:16 | 显示全部楼层
代码播放器
6.png

代码:
  1. <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 设置显示图片功能参数后填写图片地址,为空不显示


签到天数: 731

该用户今日未签到

论坛帅哥12周年纪念勋章活动精英(17射雕英雄传第一季活动纪念)活动精英(17听风庆迎春活动纪念)活动精英(16光棍节活动纪念勋章)活动精英(庆生活动纪念勋章)活动精英(“如果爱”同题活动纪念勋章)活动精英(2015三羊开泰贺新年活动参与纪念勋章)活动精英(听风第二届舞会活动参与纪念勋章)活动精英(14圣诞迎新活动参与纪念勋章)活动精英(15欢乐国庆活动参与纪念勋章)活动精英(15幸福中秋活动参与纪念勋章)活动精英(第一届舞会“童话情人梦”活动参与纪念勋章)活动精英(15胜利日活动参与纪念勋章)活动精英(12坛庆活动参与纪念勋章)

鲜花(871) 鸡蛋(1)
 楼主| 发表于 2016-8-30 20:55:00 | 显示全部楼层
手机音乐播放器代码(虽然不好看,但是支持手机浏览论坛时听音乐哦!建议能使用)
7.png

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

鲜花鸡蛋

听韵  在2016-8-30 22:59  送朵鲜花  并说:非常感谢你给社区带来经典的作品!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Powered by 听风茗雨