分享

【转载】HTML博客音乐播放器代码大全

 渝州山人 2014-10-03

【转载】HTML博客音乐播放器代码大全  

2014-10-03 09:59:47|  分类: 音画|字号 订阅

 

白色代码:

<EMBED src=http://cherry./LIU/all_about_you.wma width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"></EMBED> 

黑色代码:

<EMBED style="FILTER: Xray" src=http://cherry./LIU/all_about_you.wma width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"></EMBED> 

灰色代码:

<EMBED style="FILTER: Gray" src=http://cherry./LIU/all_about_you.wma width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"></EMBED> 

棕色代码:

<EMBED style="FILTER: Invert" src=http://cherry./LIU/all_about_you.wma width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"></EMBED>

 
 代码说明——其中:width=100 height=40 中的数字分别表示播放器的宽度和高度,注意:都选择0将隐藏播放器(隐藏时一定要选择自动播放)
autostart="true"中true或1表示自动播放,false或0表示手动播放
loop="true" 中的true或1表示重复播放,false或0表示只播放一次

 

 

<EMBED src=http://202.116.140.5/music/gccd/4/CD-0321/11.MP3 width=200 height=30 type=audio/x-pn-realaudio-plugin autostart="0" controls="ControlPanel"></EMBED> 
一、几款最常用的播放器
 

代码如下:
(EMBED src="歌曲地址" width=300 height=50 type=audio/mpeg loop="-1" autostart="FALSE" volume="0") 
 

代码如下

(EMBED style="FILTER: invert()" src="歌曲地址" width=300 height=50 type=audio/mpeg volume="0" autostart="TRUE" loop="true") 
 代码如下

(EMBED style="FILTER: Xray" src=歌曲地址 width=300 height=05 type=audio/mpeg loop="-1" autostart="false" volume="0") 
 
< p> 
 

代码如下

(EMBED style="FILTER: GRAY()" src="歌曲地址" width=300 height=45 type=audio/mpeg loop="-1" autostart="true" volume="0") 
 
重要提示:
1 复制时务必将(EMBED。。。)前后的括号()替换成<>。这点非常重要。
2 WIDTH代表播放器宽度,HEIGHT代表高度,后面的数值可依自己喜好进行调整。
3 AUTOSTART="TRUE" 这里TRUE代表自动播放,如果换成FALSE则代表手动播放。 
 

二、装饰美化你的播放器

有了基本的款式后,我们就可以根据自己的想象力,巧用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>< align=center><EMBED style="FILTER: Xray" src=http://cherry./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)">
<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./20057/kaka967.20050722115212.png border=1>
<TBODY>
<TR>
<TD style="FILTER: alpha (opacity=50,style=3)">
<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./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)">
< 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 height=40 cellSpacing=0 cellPadding=0 width=300 background=http://bbs./UploadFile/2005-4/20054302075888035.gif border=1>
<TBODY>
<TR>
<TD>
<TABLE style="FILTER: Chroma (Color='#000000')" height=40 cellSpacing=0 cellPadding=0 width=300 border=0>
<TBODY>
<TR>
<TD>
<align=center><EMBED style="FILTER: Gray" src=歌曲地址 width=300 height=40 type=audio/mpeg loop="-1" autostart="false" volume="0"></P></TD></TR></TBODY></TABLE></TD>< /TR></TBODY></TABLE> 
 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多