下面几款播放器的样式看起来一样,但是取决于你的音乐格式
效果预览:
<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="FALSE" loop="true">
<EMBED style="FILTER: Xray" src=歌曲地址 width=300 height=50 type=audio/mpeg loop="-1" autostart="FALSE" volume="0">
<EMBED style="FILTER: GRAY()" src="歌曲地址" width=300 height=45 type=audio/mpeg loop="-1" autostart="FALSE" volume="0">
代码说明:
1 WIDTH代表播放器宽度,HEIGHT代表高度,后面的数值可依自己喜好进行调整。
2 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><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://image39.360doc.com/DownloadImg/2011/10/1513/18500749_1.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>
用动态背景做底图的播放器
<TABLE borderColor=#dee4fe cellSpacing=3 cellPadding=0 background=背景图片地址 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>
添加方法:
登陆博客-发表文章--进入编辑-勾选显示源代码-粘贴代码-再次勾选显示源代码-然后你就会看到效果了-然后点击保存。
联系客服