播放器的html代码怎么写,制作HTML播放器代码及方法
一、基本語法
1、貼音樂:
autostart=false>
2、貼rm,ra,ram類型的音樂:
type="audio/x-pn-realaudio-plugin" controls="ControlPanel" src="音樂地址"; >
3、貼midi,asf,wma,asx類型的音樂:
width="0" height="0" src="音樂地址"; >
4、貼mp3類型的背景音樂,不顯示播放器:
< bgsound src="音樂地址"; loop"-1"
說明:embed可以用來插入各種多媒體,格式可以是
Midi、Wav、AIFF、AU、MP3等等,Netscape及新版的IE 都支持。
url為音頻或視頻文件及其路徑,可以是相對路徑或絕對路徑。
示例:
二、屬性設置
1、自動播放:
語法:autostart=true、false
說明:該屬性規定音頻或視頻文件是否在下載完之后就自動播放。
true:音樂文件在下載完之后自動播放;
false:音樂文件在下載完之后不自動播放。
示例:
src="your.mid" autostart=false>
2、循環播放:
語法:loop=正整數、true、false
說明:該屬性規定音頻或視頻文件是否循環及循環次數。
屬性值為正整數值時,音頻或視頻文件的循環次數與正整數值相同;
屬性值為true時,音頻或視頻文件循環;
屬性值為false時,音頻或視頻文件不循環。
示例:
loop=2>
loop=true>
loop=false>
3、面板顯示:
語法:hidden=ture、no
說明:該屬性規定控制面板是否顯示,默認值為no。
ture:隱藏面板;
no:顯示面板。
示例:
src="your.mid" hidden=no>
4、開始時間:
語法:starttime=mm:ss(分:秒)
說明:該屬性規定音頻或視頻文件開始播放的時間。未定義則從文件開頭播放。
示例:
starttime="00:10">
5、音量大小:
語法:volume=0-100之間的整數
說明:該屬性規定音頻或視頻文件的音量大小。未定義則使用系統本身的設定。
示例:
6、容器屬性:
語法:height=# width=#
說明:取值為正整數或百分數,單位為像素。該屬性規定控制面板的高度和寬度。
height:控制面板的高度;
width:控制面板的寬度。
示例:
width=200>
7、容器單位:
語法:units=pixels、en
說明:該屬性指定高和寬的單位為pixels或en。
示例:
height=200 width=200>
width=200>
8、外觀設置:
語法:controls=console、smallconsole、playbutton、pausebutton、stopbutton、
volumelever
說明:該屬性規定控制面板的外觀。默認值是console。
console:一般正常面板;
smallconsole:較小的面板;
playbutton:只顯示播放按鈕;
pausebutton:只顯示暫停按鈕;
stopbutton:只顯示停止按鈕;
volumelever:只顯示音量調節按鈕。
示例:
controls=smallconsole>
controls=volumelever>
9、對象名稱:
語法:name=#
說明:#為對象的名稱。該屬性給對象取名,以便其他對象利用。
示例:
10、說明文字:
語法:title=#
說明:#為說明的文字。該屬性規定音頻或視頻文件的說明文字。
示例:
11、前景色和背景色:
語法:palette=color|color
說明:該屬性表示嵌入的音頻或視頻文件的前景色和背景色,第一個值為前景色,第二個值為背景色,中間用
| 隔開。color可以是RGB色(RRGGBB)也可以是顏色名,還可以是transparent(透明)。
示例:
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:控制面板的底部與文字的底部對齊。
示例:
★★提供幾款播放器的代碼★★
1、這是一個隱藏播放器背景音樂代碼:
hidden=true type=audio/mpeg
allowScriptAccess="never" allowNetworking="internal"
loop="true">
說明:音樂文件的地址可以更換,由于此代碼不顯示播放器,所以在加入文章中的源代碼后,變成某個文章的背景音樂。
2、這是又一個隱藏播放器的背景音樂的代碼:
src="http://oa.yitaigroup.cn/fourm/board/uploadfile/200671894743.mp3"
loop=infinite>
說明:但只能在IE瀏覽器中才可以聽到(在日記里聽不到)。一般用來插入wav wma
mid等格試的音樂。
3、這是一個顯示播放器背景音樂的代碼:
height="45" loop="true" >
說明 true:表示音樂文件在下載完之后自動播放;
false:表示音樂文件在下載完之后不自動播放。
4、這是一個顯示的透明播放器代碼:
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"> |
5、這是一個顯示的萬能播放器背景音樂的代碼:
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">
說明:音樂文件的地址可以更換,loop="3"數字為重復播放次數,如果需要改成永久循環可以修改為"infinite"。
6、這是一個最新古典款式MP3音樂播放器:
src=http://www2.flash8.net/UploadTeach/200711/20071112112851182.swf width=200
height=180 type=application/x-shockwave-flash
wmode="transparent">
7、這是一個可添加歌曲的萬能播放器的代碼:
height=434 type=application/x-shockwave-flash
loop="0" >
總結
以上是生活随笔為你收集整理的播放器的html代码怎么写,制作HTML播放器代码及方法的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: VPP-20.09版本安装教程(联网版)
- 下一篇: JS下载地图离线数据,前端下载谷歌离线地