【【懒人专用】Html代码美化播放器播放器代码分享

想呼风唤雨 发表于 2013-5-30 22:11:17

本帖最后由想呼风唤雨于 2013-6-4 13:32 编辑

播放器代码false 手動播放 true 自動播放http://image.17173.com/bbs/upload/2005/06/21/1119355822.gif
invert滤镜

11.

http://image.17173.com/bbs/upload/2005/06/21/1119338908.gifBlur滤镜

12.


http://image.17173.com/bbs/upload/2005/06/21/1119338908.gif Gray滤镜

13.


http://image.17173.com/bbs/upload/2005/06/21/1119338908.gifXray滤镜

14.


http://image.17173.com/bbs/upload/2005/06/21/1119338908.gifalpha滤镜

15.


http://image.17173.com/bbs/upload/2005/06/21/1119338908.gifWave滤镜

16.


http://image.17173.com/bbs/upload/2005/06/21/1119338908.gifalpha滤镜

17.


http://image.17173.com/bbs/upload/2005/06/21/1119338908.gif

18.代码如下<table style="filter: alpha(opacity=100 Style=0 FinishOpacity=100); font-size: 16px; color: #000000" borderColor="#000000" height="249" cellSpacing="0" cellPadding="0" width="316" align="center" background="http://blog.chosun.com/web_file/blog/167/9167/1/rosa-77-06-2.gif" border="0" id="table1"><tr><td width="314" height="180" cellpadding="0" cellspacing="0"></td></tr><tr><td align="left"><p align="center"><embed style="FILTER: alpha(opacity=100 Style=3 FinishOpacity=0)black(); style: " src="音乐地址" width="310" height="28" type="video/x-ms-asf" volume="0" autostart="1" loop="- 1"></td></tr></table>

http://image.17173.com/bbs/upload/2005/06/21/1119338908.gif

19.代码如下
<CENTER>
<TABLE style="BORDER-TOP-STYLE: dotted; BORDER- RIGHT-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-BOTTOM-STYLE: dotted" borderColor=#006400 height=45 cellSpacing=0 cellPadding=0 width=400 background=http://club.fadmy.com/UploadFile/2005- 9/200597123237734.gif border=5>
<TBODY>
<TR>
<TD>
<TABLE align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: alpha(opacity=60,style=3) ">
<P align=center><EMBED style="FILTER: Gray" src=音乐地址 width=400 height=45 type=audio/mpeg loop="-1" autostart="TRUE" "FALSE" volume="0"></P></TD></TR></TBODY></TABLE></TD ></TR></TBODY></TABLE></CENTER>

http://image.17173.com/bbs/upload/2005/06/21/1119338908.gif播放器蒙胧化

20.代码如下<P align=center><TABLE style="FILTER: Alpha (Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)gray(); WIDTH: 259px; HEIGHT: 83px">
<TBODY>
<TR>
<TD>
<EMBED src=http:音乐地址 width=250 height=40 type=audio/mpeg loop="true" autostart="TRUE" "FALSE" panel="0"></TD></TR></TBODY></TABLE></P>
　http://image.17173.com/bbs/upload/2005/06/21/1119338908.gif

21.代码如下
<P align=center><TABLE borderColor=#000000 height=249 cellSpacing=0 cellPadding=0 width=324 align=left background=http://bbs.680.cn/UploadFile/2005- 12/2005121520294992.gif border=0>
<TBODY>
<TR>
<TD width=324 height=202 cellPadding="0" cellSpacing="0"></TD></TR>
<TR>
<TD align=left>
<P align=center><EMBED src=音乐地址 width=300 height=24 type=application/x-mplayer2 volume="0" autostart="1" loop="-1"> </P></TD></TR></TBODY></TABLE></P>http://image.17173.com/bbs/upload/2005/06/21/1119338908.gif

22.代码如下

<TABLE style="BORDER-RIGHT: #008b8b 3px dashed; BORDER-TOP: #008b8b 3px dashed; BORDER-LEFT: #008b8b 3px dashed; BORDER-BOTTOM: #008b8b 3px dashed" cellSpacing=0 cellPadding=0 bgColor=white>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#5f9ea0 align=center bgColor=#5f9ea0 border=2>
<TBODY>
<TR>
<TD style="FILTER: alpha(opacity=100,style=3)">
<P align=center><EMBED src=音乐地址 width=300 height=45 type=audio/mpeg loop="-1" autostart="TRUE" "FALSE" volume="0"></P></TD></TR></TBODY></TABLE></TD ></TR></TBODY></TABLE>

立体飘动的播放器代码

23.
<MARQUEE style="LEFT: 230px; POSITION: absolute; TOP: 100px" scrollAmount=1 scrollDelay=100 direction=up behavior=alternate width=500 height=600>
<MARQUEE scrollAmount=1 scrollDelay=100 behavior=alternate>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#7ec0ee ,direction:145,strength:20)" cellSpacing=0 cellPadding=0 border=1>
<TBODY>
<TR>
<TD><EMBED style="FILTER: gray()" src=音乐地址 width=300 height=20 type=audio/mpeg showstatusbar="1" volume="0" loop="-1" autostart="1"></TD></TR></TBODY></TABLE></MARQUEE>
http://image.17173.com/bbs/upload/2005/06/21/1119338908.gif

24.代码如下
<EMBED pluginspage=http://bbs.680.cn src=音乐地址 width=400 height=172 type=application/x- mplayer2 FileName="http://mms.blog.xuite.net/cf/0e/13002692/blog_47432/dv/3615742/3615742.asx&q uot; SHOWCONTROLS="1" SHOWSTATUSBAR="1" SHOWDISPLAY="1" SHOWGOTOBAR="1" AUTOSTART="TRUE" "FALSE" PlayCount="1">

http://image.17173.com/bbs/upload/2005/06/21/1119338908.gif

25.代码如下
<P align=center><EMBED src=音乐地址 id=M.E src=http://mms.blog.xuite.net/cf/0e/13002692/blog_47432/dv/3572088/3572088.asx style="BORDER-BOTTOM: #ced8ef 5px solid; BORDER-LEFT: #ced8ef 5px solid; BORDER-RIGHT: #ced8ef 5px solid; BORDER-TOP: #ced8ef 5px solid; FILTER: wave(strength=0,freq=1,lightstrength=65,phase=60,add=0) alpha(opacity=80 Style=1 FinishOpacity=80) gray progid:DXImageTransform.Microsoft.glow(color=#000000 Direction=120 strength=4 PixelRadius=0 MakeShadow=0); HEIGHT: 115px; WIDTH: 300px" type=audio/x-ms-wma showstatusbar="10" loop="50" SHOWDISPLAY="1" volume="0"></P><BR><BR>http://image.17173.com/bbs/upload/2005/06/21/1119338908.gif

26.代码如下<DIV style="PADDING-RIGHT: 0px; MARGIN-TOP: 10px; FONT-SIZE: 12pt; OVERFLOW-X: hidden; WIDTH: 97%; WORD-BREAK: break-all; TEXT-INDENT: 0px; LINE-HEIGHT: normal; HEIGHT: 200px; WORD-WRAP: break-word">
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow (color:#000000,direction:145,strength:80)" cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD>
<CENTER><EMBED style="FILTER: xray()" src=音乐地址 width=300 height=58 type=audio/x-ms-wax enablecontextmenu="1" ShowGotoBar="1" showdisplay="0" showpositioncontrols="0" ShowControls="1" showtracker="1" showaudiocontrols="1" showstatusbar="0" volume="0" playCount="0" AUTOSTART="0"></CENTER></TD></TR></TBODY></TABLE> ;</DIV>http://image.17173.com/bbs/upload/2005/06/21/1119338908.gif

27.代码如下<object width="200" height="20" type="application/x-shockwave-flash"><param value="http://wen-xin.net/projects/podcast/dewplayer.swf? son=音乐地址" name="movie"></object>
http://image.17173.com/bbs/upload/2005/06/21/1119338908.gif连续播放

28.代码如下
<table border="0" cellPadding="1" cellSpacing="0"><TBODY><tr><td bgColor="black"><table border="0" cellPadding="1" cellSpacing="0"><TBODY><tr><td bgColor="#c0c0c0"><embed height="20" src="rm音乐地址" width="200" console="sale" controls="Positionslider"></td></tr><tr><td bgColor="#c0c0c0" noWrap><embed height="20" src="rm音乐地址 " width="40" console="sale" autostart="true" controls="PlayButton"><embed height="20" src="rm音乐地址" width="40" console="sale" autostart="true" controls="StopButton"><embed height="20" src="rm音乐地址" width="120" console="sale" autostart="true" controls="PositionField"></td></tr></TBODY></table>< ;/td></tr></TBODY></table>http://image.17173.com/bbs/upload/2005/06/21/1119338908.gif

29.代码如下如上播放器，均加入了xray,blur,alpha的滤镜，并用Dropshadow滤镜，把 color=#ffd700与color=#800080阴影效果投在播放器上，代码为：

<DIV style="FILTER: Dropshadow(offX=1,offY=1,color=color); WIDTH: 300px; HEIGHT: 30px" align=center><EMBED style="FILTER: xray blur(strength=70) Alpha(opacity=55)" src=音乐地址 width=300 height=30 type=audio/mpeg loop="-1" autostart="TRUE" "FALSE" volume="0"></DIV>http://image.17173.com/bbs/upload/2005/06/21/1119338908.gif

30.代码如下<TABLE borderColor=#4F3256 align=center background=http://www.dabaoku.com/sucai/shejilei/bj/pic/0197.jpg border=0>
<TBODY><TR><TD style="FILTER: alpha (opacity=50,style=3)"><P align=center><EMBED src=音乐 width=300 height=45 type=audio/mpeg loop="-1" autostart="TRUE" "FALSE" volume="0"></P></TD></TR></TBODY></TABLE>http://image.17173.com/bbs/upload/2005/06/21/1119338908.gif

31.代码如下<TABLE style="BORDER-RIGHT: #ff69b4 3px dotted; BORDER-TOP: #ff69b4 3px dotted;
BORDER-LEFT: #ff69b4 3px dotted; BORDER-BOTTOM: #ff69b4 3px dotted" cellSpacing=0
cellPadding=0 align=center bgColor=white><TBODY><TR><TD><TABLE style="BORDER-RIGHT:
#ff69b4 3px dashed; BORDER-TOP: #ff69b4 3px dashed; BORDER-LEFT: #ff69b4 3px dashed;
BORDER-BOTTOM: #ff69b4 3px dashed" cellSpacing=0 cellPadding=0 bgColor=white><TBODY>
<TR><TD><TABLE style="BORDER-RIGHT: #ff69b4 3px dotted; BORDER-TOP: #ff69b4 3px dotted;
BORDER-LEFT: #ff69b4 3px dotted; BORDER-BOTTOM: #ff69b4 3px dotted" cellSpacing=2
cellPadding=0 bgColor=white><TBODY><TR><TD><TABLE borderColor=#ff69b4 align=center
bgColor=#ffccf5 border=2><TBODY><TR><TD style="FILTER: alpha(opacity=100,style=3)">
<P align=center><EMBED src=音乐地址
width=300 height=45 type=audio/mpeg volume="0" autostart="TRUE" "FALSE" loop="- 1"></P></TD></TR></TBODY>
</TABLE></TD></TR></TBODY></TABLE></TD></TR></ TBODY></TABLE>
</TD></TR></TBODY></TABLE>http://image.17173.com/bbs/upload/2005/06/21/1119338908.gif

32.代码如下
<TABLE borderColor=#4f3256 align=center background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0022.gif border=1>
<TBODY>
<TR>
<TD style="FILTER: alpha(opacity=100,style=3)">
<P align=center><EMBED src=音乐地址 width=300 height=45 type=audio/mpeg volume="0" autostart="TRUE" "FALSE" loop="- 1"></P></TD></TR></TBODY></TABLE>
http://image.17173.com/bbs/upload/2005/06/21/1119338908.gif

33.代码如下<TABLE borderColor=#dee4fe cellSpacing=3 cellPadding=0 background=http://cool.jschina.com.cn/discuz/attachments/1085226419044_SFuENq6Z8ekg.gif border=2 align=center>
<TBODY>
<TR>
<TD>
<TABLE align=center border=0 align=center>
<TBODY>
<TR>
<TD style="FILTER: alpha(opacity=60,style=3)">
<P align=center><EMBED style="FILTER: Gray" src=音乐地址 width=340 height=50 type=audio/mpeg volume="0" autostart="TRUE" "FALSE" loop="- 1"></P></TD></TR></TBODY></TABLE></TD></TR&g t;</TBODY></TABLE>

http://image.17173.com/bbs/upload/2005/06/21/1119338908.gif

先留着以后慢慢消化它http://app.duomiyy.com/songplayer/v2/app/25253079/DuomiWebPlayer.swf

相识发表于 2013-5-30 22:23:06

收藏了。感谢楼主分享

独自安好。 发表于 2013-5-30 22:34:55

{:2_260:}{:2_260:} 谢谢分享呀可惜是在空间讨论要是再学院就好了

醉梦三生。 发表于 2013-5-30 22:39:09

看见好多代码，要是能把图样弄出来就好了。。。

页: [1]

三毛钱's Archiver

【【懒人专用】Html代码 美化播放器 播放器代码分享

【【懒人专用】Html代码美化播放器播放器代码分享