注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

守一方风景,织一帘幽梦

相思似海深,旧事如天远。

 
 
 

日志

 
 
关于我

你是闪耀夜空的月亮,我是默默守护的辰星。在左手倒影右手年华的回忆里,让沁心的温暖和思念随时光流淌!

网易考拉推荐

播放器颜色代码  

2011-11-12 12:49:09|  分类: 实用分享 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

黑色

<DIV align=center><EMBED style="FILTER: xray()" src=歌地址 width=280 height=40 type=audio/mpeg loop="-1" autostart="true" volume="0"></DIV>

褐色

<P align=center><EMBED style="FILTER: invert()" src=歌地址 width=280 height=40 type=audio/mpeg loop="-1" autostart="true" volume="0"></P>

灰色

<P align=center><EMBED style="FILTER: gray()" src=歌地址
width=320 height=46 type=audio/mpeg loop="-1" autostart="true" volume="0"></P>

可以根据自己的喜好不断的创新,比如:

黑色大框

<P><EMBED id=M.E style="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); BORDER-LEFT: #ced8ef 5px solid; BORDER-BOTTOM: #ced8ef 5px solid; HEIGHT: 125px; WIDTH7: " src=歌地址 width=320 height=128 type=audio/x-ms-wma SHOWDISPLAY="1" loop="50" showstatusbar="10" EnableContextMenu="0" volume="0"></P>

 

播放器可以做成任何颜色的



效果:



代码:

<table align="center" cellspacing="0" cellpadding="0" bgcolor="#00ffff"><tr><td style="filter:Alpha(Opacity=39,Style=0">
<EMBED SRC="音乐地址.mp3" height=45>
</EMBED>
</td></tr></table>

背景颜色就是播放器的颜色(棕色代码)改变他就可以改变播放器的颜色.
原理:将播放器设置为透明.
<td>里的代码 style="filter:Alpha(Opacity=39,Style=0" 就将播放器设为透明.Opacity=39透明度,数值 0-----100,100:完全不透明.
 
装饰美化你的播放器

有了基本的款式后,我们就可以根据自己的想象力,巧用HTML的表格,根据自己的图片素材,装饰美化自己的播放器啦。只要你有足够的创意,调整代码,就可以得到各式各样的播放器。这里卡卡抛砖引玉先介绍几款。

首先我们可以为黑色播放器加上一个边缘
(中间绿底的部分为原黑色播放器代码)


<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>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#000000 align=center border=1>
<TBODY>
<TR>
<TD><P align=center><EMBED style="FILTER: Xray" src=http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="- 1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

当然也可以为蓝色播放器加上粉色边缘
(中间粉底部分为原蓝色播放器代码)


代码如下:

<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 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="false" loop="-1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

还可以将播放器置于一个单独的表格里,并加上表格的透明特效,播放器上的花纹就是表格的底图。(中间紫底部分的为原蓝色播放器代码)

代码如下:


<TABLE borderColor=#4f3256 align=center background=http://upload.yourblog.org/20057/kaka967.20050722115212.png border=1>
<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="false" volume="0"></P></TD></TR></TBODY></TABLE>

还可以利用动态的GIF背景做成动态播放器
(中间蓝底部分为原来的灰色播放器代码

代码如下:
<TABLE borderColor=#dee4fe cellSpacing=3 cellPadding=0 background=http://www.yhbbs.com/UploadFile/2004-12/2004123023101352.gif border=2>
<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=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="-1"> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY> </TABLE>

<table bordercolor="#dee4fe" cellspacing="3" cellpadding="0" background="http://www.handsome4e.net/home/UploadFile/2006-4/20064211571854855.gif" border="2"><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="http://218.63.248.196/muyu/yunnan/yl/yn01.mp3" width="320" height="45" type="audio/mpeg" volume="0" autostart="false" loop="-1" /> </p></td></tr></tbody></table></td></tr></tbody></table>


********************************************************************************************************************************************************************************

个是色代的网址http://www.zhaozi.cn/color.htm     

普通
(播放器一)
<EMBED style="FILTER: xray()" src=地址 width=570 height=40 type=audio/mpeg loop="-1" volume="0">
为隐藏:将数据0就可以
<EMBED style="FILTER: xray()" src=
地址 width=0 height=0 type=audio/mpeg loop="-1" volume="0">

幻灯播放器
(播放器二)
<TABLE style="FILTER: alpha(opacity=100 style=2 finishopacity=3)" borderColor=#000000 height=100 cellSpacing=0 cellPadding=0 width=100 align=center background=http://wz.2000y.net/uploadpic/200471212244957912.gif border=0>
<TBODY>
<TR>
<TD>
<P align=center><EMBED style="FILTER: alpha(opacity=100 style=3 finishopacity=0)black(); WIDTH: 50px; HEIGHT: 29px; style: " src=
地址 width=50 height=29 type=video/x-ms-asf loop="true" volume="0"></EMBED></P></TD></TR></TBODY></TABLE></P>

(播放器三)
<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" volume="0">
</P></TD></TR></TBODY></TABLE></TD>
</TR></TBODY></TABLE></CENTER>

心形播放器
(播放器四)
<TABLE class="" height=100 width=100 align=center background=http://file.sayclub.co.kr/charimg/item_real2/a_s_01_1794_01_00.gif border=0><TBODY><TR><TD><P align=center><EMBED style="FILTER: xray()" src=http://www.jssuyi.com/hj.wma width=50 height=20 type=audio/mpeg loop="-1" volume="0"></TD></TR></TBODY></TABLE></FONT>
(播放器五)
<BR>                                      <FONT size=4>      <BR>
<TABLE style="FILTER: alpha(opacity=100,style=3)" height=300 width=400 align=left background=http://bbs.mulaohu.net/UploadFile/2006-8/20068242274516500.jpg table="">
<TBODY></TBODY></TABLE>
<TABLE style="FILTER: alpha(opacity=100 style=2 finishopacity=3)" borderColor=#000000 height=100 cellSpacing=0 cellPadding=0 width=100 align=center background=http://file.sayclub.co.kr/charimg/item_real2/a_s_01_1794_01_00.gif border=0>
<TBODY>
<TR>
<TD>
<P align=center><EMBED style="FILTER: alpha(opacity=100 style=3 finishopacity=0)black(); WIDTH: 50px; HEIGHT: 29px; style: " src=
地址 width=0 height=0 type=video/x-ms-asf music="" titanic20.mp3="" loop="loop" volume="0" quality="high" wmode="opaque"></EMBED></P></TD></TR></TBODY></TABLE>
***************************************************************************************

自动播放器代码

<div align="center"><embed height="74" allownetworking="internal" flashvars="name=红豆&amp;artist=王菲&amp;autoPlay=true&amp;loop=true" width="500" allowscriptaccess="never" quality="high" invokeurls="false" src="http://box.baidu.com/widget/flash/song.swf" type="application/x-shockwave-flash" wmode="transparent"></div>

 

 

一、无歌词播放

<TABLE style="WIDTH: 500px; HEIGHT: 74px" border=8 cellSpacing=0 borderColor=#7e3d76 cellPadding=0 bgColor=#7e3d76>
<TBODY>
<TR>
<TD borderColor=#ffffff cellpadding="0" cellspacing="0" border="1">
<DIV align=center><EMBED style="FILTER: Alpha(Opacity=40)" height=74 type=application/x-shockwave-flash width=500 src=http://box.baidu.com/widget/flash/song.swf wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never" flashvars="name=安静&amp;artist=纯音乐&amp;autoPlay=100&amp;loop=true" allowNetworking="internal"></DIV></TD></TR>
<P></P>
<P></P></TBODY></TABLE>

代码说明:

1、歌曲寻找:将你知道的歌曲名和演唱者替换代码中黄色的部分,如果不能播放,可在百度音乐中找到你所需的歌曲,记住歌曲名和演唱者,然后再替换代码中黄色的部分

2、上述代码中红色100改为true即可自动播放。

3、更换界面颜色:在颜色代码表中找到你喜欢的颜色,复制#后的代码替换蓝色的代码即可。

 

 

 

二、自动播放歌曲信息以及歌词 

 <TABLE style="WIDTH: 500px; HEIGHT: 74px" border=8 cellSpacing=0 borderColor=#ea7500 cellPadding=0 bgColor=#ea7500>
<TBODY>
<TR>
<TD borderColor=#ffffff cellpadding="0" cellspacing="0" border="1">
<DIV align=center><EMBED style="FILTER: Alpha(Opacity=40)" height=74 type=application/x-shockwave-flash width=500 src=http://box.baidu.com/widget/flash/song.swf?name=再回首&amp;artist=姜育恒&amp;autoPlay=true wmode="transparent"></DIV></TD></TR></TBODY></TABLE><BR></DIV>

*****************************************************************************************************************************************************

autostart="true"中true或1表示自动播放,false或0表示手动播放

loop="true" 中的true或1表示重复播放,false或0表示只播放一次
               
width= height= 中的数字分别表示播放器的宽度和高度 =0表示隐藏播放器

EnableContextMenu="0" 禁右键
ShowStatusBar="1" (带显示文件播放信息)

1隐藏播放器(不循环)

代码:

<EMBED src=音乐网址 hidden=true type=audio/x-ms-wma AUTOSTART="1">

2.隐藏播放器(循环播放)

代码:

<EMBED src=音乐网址 hidden=true type=audio/mpeg AUTOSTART="1" loop="-1">

3.黑色皮肤播放器

代码:

 

<EMBED style="FILTER: xray()" src=音乐网址 width=360 height=30 type=audio/mpeg volume="0" autostart="1" loop="-1">

4.淡蓝色播放器

代码:

<EMBED   src=播放地址 width=300 height=45 type=audio/mpeg loop="-1" autostart="1" volume="0">

5.迷幻播放器

代码:

<TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)gray(); WIDTH: 400px; HEIGHT: 83px">
<TBODY>
<TR>
<TD><EMBED src=播放地址 width=400 height=40 type=audio/mpeg panel="0" autostart="1" loop="true">
</TD></TR></TBODY></TABLE>

6.带菜单的播放器

代码:

<EMBED pluginspage=http://www.microsoft.com/windows/mediaplayer/download/default.asp width=400 height=172 type=application/x-mplayer2 FileName="音乐网址" SHOWCONTROLS="1" SHOWSTATUSBAR="1" SHOWDISPLAY="1" SHOWGOTOBAR="1" AUTOSTART="true" PlayCount="1">

7.深黄色带菜单播放器

代码:

<EMBED style="FILTER: invert()" src=音乐网址 width=320 height=45 type=audio/x-ms-wma ShowStatusBar="1" loop="true" autostart="true">

8.灰色播放器

代码:

<EMBED style="FILTER: Gray()" src="链接地址" width=300 height=69 type=application/x-mplayer2 loop="-1" showcontrols="1" ShowDisplay="0" ShowStatusBar="1" autostart="1"></EMBED>

9.灰白色播放器

代码:

<embed style="FILTER: Gray()" src=链接地址 width=300 height=45 loop="-1" autostart="true"></EMBED>

10.带菜单的蓝色播放器

代码:

<EMBED src="链接地址" width=300 height=69 type=application/x-mplayer2 loop="-1" showcontrols="1" ShowDisplay="0" ShowStatusBar="1" autostart="1"></EMBED>

11.棕色播放器

代码:

<EMBED style="FILTER: invert()" src=链接地址 width=300 height=45 loop="-1" autostart="true"></EMBED>

12.带边框背景的播放器

代码:

<TABLE borderColor=#4F3256 background=背景图片地址 border=1>
<TBODY><TR>
<TD style="FILTER: alpha(opacity=50,style=3)">
<P align=center><EMBED src=音乐网址  width=300 height=25 type=audio/mpeg loop="-1" autostart="false" volume="0">
</P></TD></TR></TBODY></TABLE>

13.带背景图片的播放器

代码:

<TABLE borderColor=navy background=图片地址 border=0>
<TBODY><TR>
<TD style="FILTER: alpha(opacity=80,style=3)">
<P align=center><EMBED src=音乐网址  width=300 height=45 type=audio/mpeg loop="-1" autostart="1" volume="0">
</P></TD></TR></TBODY></TABLE>

12 13综合属性分析

background=图片地址 可以更换图片地址 来实现改变播放器背景

14.黄色闪光播放器

代码:

<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>
<TBODY><TR><TD>
<TABLE borderColor=navy background=http://nxm.16789.net/s-helpSite/domName/nxm/20041114123131568.gif border=0>
<TBODY><TR>
<TD style="FILTER: alpha(opacity=50,style=3)">
<P align=center><EMBED src=音乐网址 width=400 height=35 type=audio/mpeg loop="-1" autostart="0" loop="-1">
</P></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>

15.蓝色闪光播放器

代码:

<TABLE borderColor=#dee4fe cellSpacing=3 cellPadding=0 background=http://www.yhbbs.com/UploadFile/2004-12/2004123023101352.gif border=2><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=35 type=audio/mpeg volume="0" autostart="false" loop="-1">
</P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

16.带花边的播放器

代码:

<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>
<TBODY><TR><TD>
<TABLE borderColor=#000000 align=center border=1>
<TBODY><TR><TD>
<P align=center><EMBED style="FILTER: Xray" src=音乐网址 width=400 height=35 type=audio/mpeg volume="0" autostart="false" loop="-0">
</P></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>

17.粉色花边播放器

代码:

<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 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=25 type=audio/mpeg volume="0" autostart="false" loop="-0">
</P></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>

18.显示文件标签灰色播放器

代码:
<DIV><EMBED style="FILTER: Gray()" src="链接地址" loop="-1" width=300 height=140 balance="true" showpositioncontrols="true" showtracker="true" showaudiocontrols="true" showcontrols="true" showstatusbar="true" showdisplay="true" displaysize="0" volume="100" autosize="true" autostart="true" animationatstart="true" transparentatstart="true"></EMBED></div>
19显示文件标签棕色播放器
代码:
<DIV><EMBED style="FILTER: invert()" src="链接地址" loop="-1" width=300 height=140 balance="true" showpositioncontrols="true" showtracker="true" showaudiocontrols="true" showcontrols="true" showstatusbar="true" showdisplay="true" displaysize="0" volume="100" autosize="true" autostart="true" animationatstart="true" transparentatstart="true"></EMBED></div>
20.显示文件标签黑色播放器
代码:
<DIV><EMBED style="FILTER: xray()" src="链接地址" loop="-1" width=300 height=140 balance="true" showpositioncontrols="true" showtracker="true" showaudiocontrols="true" showcontrols="true" showstatusbar="true" showdisplay="true" displaysize="0" volume="100" autosize="true" autostart="true" animationatstart="true" transparentatstart="true"></EMBED></div>
21.连放播放器

代码:

<EMBED style="FILTER: Gray()" src=音乐网址 width=500 height=35 type=audio/x-ms-wma controls="StatusBar,TACCtrl,ControlPanel" border="0" autostart="1" playcount="0" showtracker="1" volume="0"></EMBED>

22.彩色播放器

代码:

<TABLE style="FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: 00CCFF; FONT-STYLE: normal; FONT-FAMILY: Tahoma, Verdana; FONT-VARIANT: normal" cellSpacing=0 cellPadding=0 width=140 border=0>
<TBODY>
<TR>
<TD style="BACKGROUND-COLOR: 00CCFF"><EMBED  style="FILTER: invert alpha(opacity=50) WIDTH: 140px; HEIGHT: 45px" src=音乐链接地址 type=video/x-ms-asf autostart="FALSE" loop="-1" volume="0"></EMBED></TD></TR></TBODY></TABLE>

本代码属性分析

BACKGROUND-COLOR: 00CCFF   播放器颜色代码 可以更换 以变换播放器颜色

23.透明播放器代码

 

代码:

<TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)xray(); WIDTH: 200px; HEIGHT: 40px">

<TBODY>

<TR>

<TD><EMBED style="BORDER-RIGHT: silver 1px solid; BORDER-TOP: silver 1px solid; BORDER-LEFT: silver 1px solid; BORDER-BOTTOM: silver 1px solid" src=音乐链接地址 width=200 height=30 type=audio/x-mplayer2 loop="-1" autostart="0" volume="0" EnableContextMenu="0" showstatusbar="0" console="video"></TD></TR></TBODY></TABLE>

 
  评论这张
 
阅读(76)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017