在HTML中,最常用的插入背景音乐有两种方法:一种是贴子里不显示播放器代码,另一种是显示播放代码。
一、隐藏播放器代码: 隐藏播放器的格式: <embed src="音乐地址.mp3" autostart="true" width="true" height="true" loop="true" hidden="true"></embed> 也可用下面这组代码: <embed src="音乐地址.mp3" autostart="true" loop="true" hidden="true"></embed> 二、显示播放器代码格式: <EMBED src="背景音乐网址" width=450 height=45 loop="true" autostart="true"></embed> 显示效果: 在这里我讲一下各种参数代表的意思: src:在此代码后面插入多媒体文件的网址,如:音乐、视频、flash动画等。 autostart:设定音乐是否自动播放的选项 此选项下有两个值"true"(是)和"false"(否), 如果自动播放选 autostart="true",手动播放选 autostart="false" width和height:设定播放器面板大小的,hidden="true"时将无效。 贴音乐这两个参数,我一般都设置为350×45;如果是视频文件而且分辨率不高的话,可以不设,用视频文件的原始尺寸来显示;如果是flash动画,最好还是给它设个合适的大小,以免过小。 loop:是控制音乐是否循环播放选项 默认值是"false"即只播放一次,不循环再放; “=true” 或 “=-1”就是不断循环播放。 三、改变播放器颜色的方法: 在显示播放器时,我们可以改变播放器代码中〔 风格=滤镜的选项 style="FILTER: xray()" 〕只要改变一下滤镜的参数,播放器就不是单一的白色了,可以变成你喜欢的其它金属色,这里我教大家四种播放器的改变方法: 1、金属黑色带缓冲速度显示的播放器代码: <EMBED style="FILTER: xray()" src=音乐地址.mp3 width=400 height=45type=audio/mpeg ShowStatusBar="1" volume="0" autostart="false" loop="-1"> 显示效果: 2、金属黑色播放器代码: <EMBED src=音乐地址.mp3 style="FILTER: xray()" width=400 height=45type=audio/x-pn-realaudio-plugin controls="ControlPanel" loop="true" autostart="false" volume="100" Initfn="load-types" mime-types="mime.types"> 显示效果: 3、银色播放器代码: <EMBED style="FILTER: gray()" src=音乐地址.mp3 width=400 height=45volume="0" autostart="false" loop="-1"> 显示效果: 4、金色播放器代码: <EMBED style="FILTER: Invert()" src=音乐地址.mp3 width=400 height=45 volume="0" autostart="false" loop="-1"> 显示效果: 如果大家做贴使用时,可以改为自动,即把 autostart="false" 改为 autostart="true" 三、装饰性播放器: 在播放器的制做中,我们还可以加上背景图案等来进行修饰,方法如下: 1、加花纹背景的播放器,代码如下: <table align="center" cellspacing="0" cellpadding="0" background="此处加图片地址" border=0><tr><td style="filter:Alpha(Opacity=25,Style=0"><EMBED SRC="音乐地址.mp3" height=45></EMBED></td></tr></table> 因为这类装饰性的播放器代码被网易系统过滤掉,所以在博客里不显,我就不加显示效果了(主要是加了也是白加)。 但大家可以学会后可以在论坛和有些不过滤代码的博客网站里使用。 ======================================================================================== 现在把我常用的播放器代码也教给大家,先看效果: Thinking Of You 下载 代码如下: <div align="center"><table border="0" width="250" cellspacing="0" cellpadding="0" height="37"><tr><td> <FIELDSET style="border:10px ridge #2a2512; padding:2px; WIDTH: 250px; height:38px"><LEGEND align="left"><FONT style="FONT-SIZE: 9pt" color=#2a2512>Thinking Of You </FONT></LEGEND> <TABLE borderColor=#2a2512 height=30 cellSpacing=0 cellPadding=0 width="70%" bgColor=#2a2512 border=3><TBODY><TR><TD align="center"> <P align=center><EMBED style="FILTER: GRAY()" src=音乐地址.mp3 width=200 height=30 type=audio/mpeg volume="0" autostart="-1" loop="-1" ></P></TD> <TD align="center"><A href="音乐地址.mp3" target=_blank><FONT style="COLOR: #ffffff; BACKGROUND-COLOR: #2a2512">下载 </FONT></A></TD></TR></TBODY></TABLE></FIELDSET></td></tr></table></div> 这个播放器与上面播放器的不同之处: 1、多加了一个透明表格(即不显示边框的隐藏表格),以用来设置播放器的位置, 代码如下: <div align="center"><table border="0" width="250" cellspacing="0" cellpadding="0" height="37"><tr><td> 2、加了一个分组框,以用来加上音乐标题,代码如下: <FIELDSET style="border:10px ridge #2a2512; padding:2px; WIDTH: 250px; height:38px"><LEGEND align="left"><FONT style="FONT-SIZE: 9pt" color=#2a2512>Thinking Of You </FONT></LEGEND> 注意一点,这里的<LEGEND align="left">表示文字在分组框的左侧,你可以根据自己的喜欢,改为居中"center"或居右"right"。 3、加了一个有背景色的单元表格,把播放器放在里面,代码下: <TABLE borderColor=#2a2512 height=30 cellSpacing=0 cellPadding=0 width="70%" bgColor=#2a2512 border=3> <TBODY><TR><TD align="center"> borderColor=#2a2512 这里是背景色的设置,只要改变下颜色代码就可以改变背景色。 4、加了下载超链接,代码如下: <A href="此处加音乐地址" target=_blank><FONT style="COLOR: #ffffff; BACKGROUND-COLOR: #2a2512">下载 </FONT></A> |
|