制作HTML播放器代码及方法

一、基本语法 1、贴音乐：<embed src="音乐地址" width="宽度" height="高度" autostart=false></embed> 2、贴rm,ra,ram类型的音乐：  <embed width="0" height="0" type="audio/x-pn-realaudio-plugin" controls="ControlPanel" src="音乐地址"; > 3、贴midi,asf,wma,asx类型的音乐：<embed loop="-1" controls="ControlPanel" width="0" height="0" src="音乐地址"; > 4、贴mp3类型的背景音乐，不显示播放器：< bgsound src="音乐地址"; loop"-1"说明：embed可以用来插入各种多媒体，格式可以是 Midi、Wav、AIFF、AU、MP3等等，Netscape及新版的IE 都支持。url为音频或视频文件及其路径，可以是相对路径或绝对路径。　　示例：<embed src="your.mid">  二、属性设置　　 1、自动播放：　  语法：autostart=true、false　  说明：该属性规定音频或视频文件是否在下载完之后就自动播放。　　      true：音乐文件在下载完之后自动播放；　　      false：音乐文件在下载完之后不自动播放。　　示例：<embed src="your.mid" autostart=true>　　      <embed src="your.mid" autostart=false>　　2、循环播放：　　语法：loop=正整数、true、false　　说明：该属性规定音频或视频文件是否循环及循环次数。　　      属性值为正整数值时，音频或视频文件的循环次数与正整数值相同；　　      属性值为true时，音频或视频文件循环；　　      属性值为false时，音频或视频文件不循环。　　示例：<embed src="your.mid" autostart=true loop=2>　　　　　<embed src="your.mid" autostart=true loop=true>　　　　　<embed src="your.mid" autostart=true loop=false>　　3、面板显示：　　语法：hidden=ture、no　　说明：该属性规定控制面板是否显示，默认值为no。　　      ture：隐藏面板；　　      no：显示面板。　　示例：<embed src="your.mid" hidden=ture>　　      <embed src="your.mid" hidden=no> 4、开始时间：　　语法：starttime=mm:ss（分：秒）　　说明：该属性规定音频或视频文件开始播放的时间。未定义则从文件开头播放。　　示例：<embed src="your.mid" starttime="00:10"> 5、音量大小：　　语法：volume=0-100之间的整数　　说明：该属性规定音频或视频文件的音量大小。未定义则使用系统本身的设定。　　示例：<embed src="your.mid" volume="10"> 6、容器属性：　　语法：height=# width=#　　说明：取值为正整数或百分数，单位为像素。该属性规定控制面板的高度和宽度。　　      height：控制面板的高度；　　      width：控制面板的宽度。　　示例：<embed src="your.mid" height=200 width=200>7、容器单位：　　语法：units=pixels、en　　说明：该属性指定高和宽的单位为pixels或en。　　示例：<embed src="your.mid" units="pixels" height=200 width=200>　　　　　<embed src="your.mid" units="en" height=200 width=200>8、外观设置：　　语法：controls=console、smallconsole、playbutton、pausebutton、stopbutton、volumelever说明：该属性规定控制面板的外观。默认值是console。　　      console：一般正常面板；　　      smallconsole：较小的面板；　　      playbutton：只显示播放按钮；　　      pausebutton：只显示暂停按钮；　　      stopbutton：只显示停止按钮；　　      volumelever：只显示音量调节按钮。　　示例：<embed src="your.mid" controls=smallconsole>　　　　　<embed src="your.mid" controls=volumelever> 9、对象名称：　　语法：name=#　　说明：#为对象的名称。该属性给对象取名，以便其他对象利用。　　示例：<embed src="your.mid" > 10、说明文字：　　 语法：title=#　　 说明：#为说明的文字。该属性规定音频或视频文件的说明文字。　　 示例：<embed src="your.mid" title="第一首歌"> 11、前景色和背景色：　　 语法：palette=color|color　　 说明：该属性表示嵌入的音频或视频文件的前景色和背景色，第一个值为前景色，第二个值为背景色，中间用 | 隔开。color可以是RGB色（RRGGBB）也可以是颜色名，还可以是transparent（透明）。示例：<embed src="your.mid" palette="red|black"> 12、对齐方式：　　 语法：align=top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom　　 说明：该属性规定控制面板和当前行中的对象的对齐方式。　　      center：控制面板居中；　　      left：控制面板居左；　　      right：控制面板居右；　　      top：控制面板的顶部与当前行中的最高对象的顶部对齐；　　      bottom：控制面板的底部与当前行中的对象的基线对齐；　　      baseline：控制面板的底部与文本的基线对齐；　　      texttop：控制面板的顶部与当前行中的最高的文字顶部对齐；　　      middle：控制面板的中间与当前行的基线对齐；　　      absmiddle：控制面板的中间与当前文本或对象的中间对齐；　　      absbottom：控制面板的底部与文字的底部对齐。　　示例：<embed src="your.mid" align=top>　　　　　<embed src="your.mid" align=center>  ★★提供几款播放器的代码★★  1、这是一个隐藏播放器背景音乐代码： <EMBED src=http://www.liudanfeng.com/gaoshls.mp3 hidden=true type=audio/mpegallowScriptAccess="never" allowNetworking="internal" loop="true"></embed> 说明：音乐文件的地址可以更换，由于此代码不显示播放器，所以在加入文章中的源代码后，变成某个文章的背景音乐。 2、这是又一个隐藏播放器的背景音乐的代码： <BGSOUND src="http://oa.yitaigroup.cn/fourm/board/uploadfile/200671894743.mp3" loop=infinite> 说明：但只能在IE浏览器中才可以听到（在日记里听不到）。一般用来插入wav wma mid等格试的音乐。 3、这是一个显示播放器背景音乐的代码： <EMBED src=" http://oa.yitaigroup.cn/fourm/board/uploadfile/200671894743.mp3" width="200" height="45" loop="true" ></embed> 说明 true：表示音乐文件在下载完之后自动播放；　   false：表示音乐文件在下载完之后不自动播放。 4、这是一个显示的透明播放器代码： <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=http://oa.yitaigroup.cn/fourm/board/uploadfile/200671894743.mp3 width=200 height=30 type=audio/x-mplayer2 loop="-1" volume="0" EnableContextMenu="0"showstatusbar="0" console="video"></TD></TR></TBODY></TABLE> 5、这是一个显示的万能播放器背景音乐的代码： <DIV><EMBED style="BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid" codeBase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,0,5,0803 src=http://oa.yitaigroup.cn/fourm/board/uploadfile/200671894743.mp3 width=180 height=150 type=application/x-oleobject classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" standby="Loading Windows Media Player components..." loop="3"></EMBED></DIV> 说明：音乐文件的地址可以更换，loop="3"数字为重复播放次数，如果需要改成永久循环可以修改为"infinite"。 6、这是一个最新古典款式MP3音乐播放器： <EMBED src=http://www2.flash8.net/UploadTeach/200711/20071112112851182.swf width=200 height=180 type=application/x-shockwave-flash wmode="transparent"></EMBED>  7、这是一个可添加歌曲的万能播放器的代码： <EMBED style="DISPLAY: block; MARGIN: 0px auto 10px; TEXT-ALIGN: center" src=http://music.leshan.cn/lwplayer.swf width=720 height=434 type=application/x-shockwave-flash loop="0" ></EMBED>