制作HTML播放器代码及方法

制作HTML播放器代码及方法(2009-11-04 18:13:42)

http://blog.sina.com.cn/s/blog_62d606b30100f6yj.html

<script></script> 标签：html播放器

一、基本语法

 

1、贴音乐：

<embed src="音乐地址" width="宽度" height="高度" autoold=false></embed>

 

2、贴rm,ra,ram类型的音乐：  

<embed width="0" height="0" type="audio/x-pn-realaudio-plugin" autoold="true" controls="ControlPanel" src="音乐地址"; >

 

3、贴midi,asf,wma,asx类型的音乐：

<embed autoold="true" 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、自动播放：

　  语法：autoold=true、false

　  说明：该属性规定音频或视频文件是否在下载完之后就自动播放。

　　      true：音乐文件在下载完之后自动播放；

　　      false：音乐文件在下载完之后不自动播放。

　　示例：<embed src="your.mid" autoold=true>

　　      <embed src="your.mid" autoold=false>

　　

2、循环播放：

　　语法：loop=正整数、true、false

　　说明：该属性规定音频或视频文件是否循环及循环次数。

　　      属性值为正整数值时，音频或视频文件的循环次数与正整数值相同；

　　      属性值为true时，音频或视频文件循环；

　　      属性值为false时，音频或视频文件不循环。

　　示例：<embed src="your.mid" autoold=true loop=2>

　　　　　<embed src="your.mid" autoold=true loop=true>

　　　　　<embed src="your.mid" autoold=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/mpeg

ALLOWSCRIPTACCESS_OLD="never" allowNetworking="internal" autoold="true" 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" autoold="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" autoold="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" autoold="0"></EMBED>