分享

在博文中添加音乐播放器的方法

 传龙 2010-12-02

作者:黄龙

   最近发现不少朋友问我这个问题。我想我一一回答也没有时间。所以就将答案作为一篇博文发表出来,大家有闲暇时可以看一看。不足之处敬请指点!(黄龙书剑博客原创)

   要想在博文中添加音乐播放器,需要以下几步:

   一、你要添加什么歌曲?歌曲的地址一定要正确、明白;

   二、一定要考虑这个播放器是否适合你;

   三、你要添加的播放器的代码一定要正确;

   四、注意添加的方法及步骤,一点儿都不能差。

   下面来一一解读。

   写好博文后点击左下角的“显示源代码”在博文中添加音乐播放器的方法(附代码) - 黄龙 - 黄龙书剑博客Ⅱ。再将你找到的音乐播放器代码复制到博文下面(或上面),去掉“显示源代码”方框中的勾,一个音乐播放器就出来了(如图)。

在博文中添加音乐播放器的方法(附代码) - 黄龙 - 黄龙书剑博客Ⅱ

 

 

 

 

 

 

 

 

   那么,如何在播放器里添加歌曲呢?首先,你要找到歌曲的地址。一般地音乐播放器只支持MP3格式。所以大家最好用MP3格式的歌曲地址。例如,添加古典名曲《春江花月夜》,那么你要获得它的地址。你可以在百度及其他音乐网站上面找,很多的。例如地址为:http://www./music/cjhyy.mp3那么这时你就需要在显示源代码中的音乐播放器代码“src=”后面添加这个地址。如图:

在博文中添加音乐播放器的方法(附代码) - 黄龙 - 黄龙书剑博客Ⅱ

   这样,一个音乐播放器就添加成功了。怎么样,就是这么的简单!

   下面附一些音乐播放器的代码给大家,大家可以试试。

一、银白

代码:

<EMBED style="FILTER: xray()"src=音乐地址(此处添加你得到的音乐地址,以下同此) width=360height=30 type=audio/mpeg volume="0" auto_old="true"loop="-1">

二、靓蓝

代码:

<EMBED src=音乐地址 width=300 height=45 type=audio/mpeg loop="-1"auto_old="1" volume="0">

三、迷幻 

代码:

<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><EMBEDsrc=音乐地址 width=400 height=40type=audio/mpeg panel="0" auto_old="0"loop="true">
</TD></TR></TBODY></TABLE>

四、深蓝

代码:

<EMBEDpluginspage=http://www.microsoft.com/windows/mediaplayer/download/default.aspwidth=400 height=172 type=application/x-mplayer2FileName="音乐地址" SHOWCONTROLS="1"SHOWSTATUSBAR="1" SHOWDISPLAY="1" SHOWGOTOBAR="1" auto_old="true"PlayCount="1">

五、缤纷

代码:

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

六、暗恋:

代码:

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

七、锯齿

代码:

<TABLE style="BORDER-RIGHT: #000000 3pxdashed; BORDER-TOP: #000000 3px dashed; BORDER-LEFT: #000000 3pxdashed; BORDER-BOTTOM: #000000 3px dashed" cellSpacing=0cellPadding=0 bgColor=#00000>
<TBODY><TR><TD>
<TABLE borderColor=navybackground=http://nxm./s-helpSite/domName/nxm/20041114123131568.gifborder=0>
<TBODY><TR>
<TD style="FILTER:alpha(opacity=50,style=3)">
<P align=center><EMBEDsrc=音乐地址 width=400 height=35type=audio/mpeg loop="-1" auto_old="0"loop="-1">
</P></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>

八、闪亮

代码:

<TABLE style="BORDER-RIGHT: #000000 3pxdashed; BORDER-TOP: #000000 3px dashed; BORDER-LEFT: #000000 3pxdashed; BORDER-BOTTOM: #000000 3px dashed" cellSpacing=0cellPadding=0 bgColor=#00000>
<TBODY><TR><TD>
<TABLE borderColor=#000000 align=centerborder=1>
<TBODY><TR><TD>
<P align=center><EMBEDstyle="FILTER: Xray" src=音乐地址width=400 height=35 type=audio/mpeg volume="0" auto_old="false"loop="-0">
</P></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>

九、粉色

 

 

 

代码:

<TABLE style="BORDER-RIGHT: #ff69b4 3pxdotted; BORDER-TOP: #ff69b4 3px dotted; BORDER-LEFT: #ff69b4 3pxdotted; BORDER-BOTTOM: #ff69b4 3px dotted" cellSpacing=0cellPadding=0 align=center bgColor=white>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#ff69b4 align=centerbgColor=#ffccf5 border=2>
<TBODY>
<TR>
<TD style="FILTER:alpha(opacity=100,style=3)">
<P align=center><EMBEDsrc=音乐地址 width=300 height=25type=audio/mpeg volume="0" auto_old="false"loop="-0">
</P></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>

十、天蓝
代码:

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

   好了,音乐播放器的代码就发到这里。如果你想知道如何在博文中插入隐藏的音乐播放器,敬请关注下文。谢谢!

在博文中添加音乐播放器的方法(附代码) - 黄龙 - 黄龙书剑博客Ⅱ

在博文中添加音乐播放器的方法(附代码) - 黄龙 - 黄龙书剑博客Ⅱ

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

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多