在頁面中嵌入音頻和視頻的代碼

(一) 

　　在網頁中適當嵌入音頻和視頻能夠充分顯示網頁的多媒體特性，特別是隨著寬頻網的普及，使得網路廣播和網路視頻成為現實，網頁音頻和視頻的重要性也日益突顯。具體來說，網頁音頻和視頻的嵌入方法主要有三種： 

　　一、bgsound 
　　（一）、基本文法： 
　　bgsound src=url 
　　說明：bgsound是用來插入背景音樂的，但只適用於IE瀏覽器和以IE為核心的瀏覽器。url為音頻檔案及其路徑，可以是相對路徑或絕對路徑。 
　　樣本：<bgsound src="your.mid"> 

　　（二）、屬性設定： 
　　因為bgsound嵌入的音頻檔案在網頁中沒有控制項顯示，所以在使用bgsound時，它的各個屬性就必須加以設定。 
　　1、自動播放： 
　　文法：autostart=true、false 
　　說明：該屬性規定音樂檔案是否在下載完之後就自動播放。 
　　true：音樂檔案在下載完之後自動播放； 
　　false：音樂檔案在下載完之後不自動播放。 
　　樣本：<bgsound src="your.mid" autostart=true> 
　　<bgsound src="your.mid" autostart=false> 

　　2、迴圈播放： 
　　文法：loop=正整數或infinite 
　　說明：該屬性規定音樂檔案的迴圈次數。 
　　屬性值為正整數值時，音樂檔案的迴圈次數與正整數值相同； 
　　屬性值為infinite時，音樂檔案反覆播放，迴圈不止。 
　　樣本：<bgsound src="your.mid" loop=2> 
　　　　　<bgsound src="your.mid" loop=infinite> 

二、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="sound1"> 

　　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> 

三、img dynsrc 
　　（一）基本文法： 
　　img dynsrc=url 
　　說明：img dynsrc可以用來插入各種多媒體，格式可以是Wav、Avi、AIFF、AU、MP3、Ra、Ram等等。url為音頻或視頻檔案及其路徑，可以是相對路徑或絕對路徑。 
　　樣本：<img dynsrc="your.avi"> 

　　（二）屬性設定： 
　　1、預設圖片： 
　　文法：src=url 
　　說明：url為圖片檔案及其路徑，可以是相對路徑或絕對路徑。該屬性的作用是當視頻檔案下載時，用圖片佔據視頻檔案的顯示位置；視頻檔案下載完成，圖片被屏蔽，顯示視頻檔案。若指定dynsrc為一個音頻檔案之後，src屬性就被屏蔽，圖片就不可見了。 
　　樣本：<img dynsrc="your.avi" src=logo.jpg> 

　　2、播放事件： 
　　文法：start=fileopen、mouseover 
　　說明：該屬性規定了檔案播放的事件，預設值是fileopen。也可以兩者同時設定。另外，用滑鼠在播放地區點擊一下，也將令瀏覽器開始播放該檔案。 
　　fileopen：檔案開啟時； 
　　mouseover：滑鼠移到播放地區上時。 
　　樣本：<img dynsrc="your.avi" start=fileopen> 
　　<img dynsrc="your.avi" start=mouseover> 
　　<img dynsrc="your.avi" start=fileopen,mouseover> 

　　3、容器屬性： 
　　文法：height=# width=# 
　　說明：取值為正整數或百分數。該屬性規定控制台的高度和寬度。 
　　height：控制台的高度 
　　width：控制台的寬度 
　　樣本：<img dynsrc="your.avi" height=200 width=200> 

　　4、解說文字： 
　　文法：alt=# 
　　說明：#為解說文字。alt的值是對動畫檔案的非顯示說明。 
　　樣本：<img dynsrc="your.avi" alt=your.avi（200KB）> 

　　5、控制顯示： 
　　文法：controls 
　　說明：用來在視頻視窗下附加MS－WINDOWS的播放控制條。 
　　樣本：<img dynsrc="your.avi" controls> 

　　6、迴圈播放： 
　　文法：loop=正整數或infinite 
　　說明：該屬性規定音頻或視頻檔案的迴圈次數，屬性值為-1或infinite時，音頻或視頻檔案反覆播放，迴圈不止。 
　　屬性值為正整數值時，音頻或視頻檔案的迴圈次數與正整數值相同； 
　　屬性值為infinite時，音頻或視頻檔案反覆播放，迴圈不止。 
　　樣本：<img dynsrc="your.avi" loop=2> 
　　　　　<img dynsrc="your.avi" loop=infinite> 

　　7、延時播放： 
　　文法：loopdelay=# 
　　說明：#=毫秒數。該屬性規定音頻或視頻檔案的延時播放時間。 
　　樣本：<img dynsrc="your.avi" loopdelay=200> 

　　8、補白屬性： 
　　文法：hspace=# vspace=# 
　　說明：取值為正整數，單位為像素。兩個屬性應同時應用。 
　　hspace：畫面離頁面左邊的距離； 
　　vspace：畫面離頁面頂部的距離。 
　　樣本：<img dynsrc="your.avi" hspace=10 vspace=10> 

        引用:http://www.ivw.cn/blog/cmd.asp?act=tb&id=26