`
happyzhen
  • 浏览: 49694 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

制作HTML播放器代码及方法

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

一、基本语法

 

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>

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics