在html語言學習中,embed標籤是必須掌握的重要知識點之一,今天小編和大家分享的就是embed標籤的使用,一起來看看吧。
一、基本語法
程式碼如下:
embed src=url
#說明: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" name="video">
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>
以上是html