1. 程式人生 > >在HTML中使用object和embed標籤插入視訊

在HTML中使用object和embed標籤插入視訊

如果想簡單的放個視訊,不想新增多餘程式碼的話可以繼續只用object和embed。

一、object

對於object,w3c上定義object為一個嵌入的物件。可以使用此元素向您的 XHTML 頁面新增多媒體。此元素允許您規定插入 HTML 文件中的物件的資料和引數,以及可用來顯示和操作資料的程式碼。<object> 標籤用於包含物件,比如影象、音訊、視訊、Java applets、ActiveX、PDF 以及 Flash。object 的初衷是取代 img 和 applet 元素。不過由於漏洞以及缺乏瀏覽器支援,這一點並未實現。瀏覽器的物件支援有賴於物件型別。不幸的是,主流瀏覽器都使用不同的程式碼來載入相同的物件型別。而幸運的是,object 物件提供瞭解決方案。如果未顯示 object 元素,就會執行位於 <object> 和 </object> 之間的程式碼。通過這種方式,我們能夠巢狀多個 object 元素(每個對應一個瀏覽器)。

二.object與embed

我們要在網頁中正常顯示flash內容,那麼頁面中必須要有指定flash路徑的標籤。也就是object和embed標籤。
object標籤是用於windows平臺的IE瀏覽器的,而embed是用於windows和Macintosh平臺下的Netscape Navigator瀏覽器以及Macintosh平臺下的IE瀏覽器。
windows平臺的IE利用Activex控制元件來播放flash而其它的瀏覽器則使用Netscape外掛技術來播放flash。

<object>和<embed>標籤的區別:
兩者都是用來播放多媒體檔案的物件,object元素用於IE瀏覽器,embed元素用於非IE瀏覽器,為了保證相容性,通常我們同時使用兩個元素,瀏覽器會自動忽略它不支援的標籤。同時使用兩個元素時,應該把<embed>標籤放在<object>標籤的內部。

接下來是程式碼展示

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="700" height="400">
	<param name="movie" value="flvplayer.swf" />
	<param name="quality" value="high" />
	<param name="allowFullScreen" value="true" />
	<param name="FlashVars" value="vcastr_file=12.flv&LogoText=description&BufferTime=3&IsAutoPlay=1">
	<embed src="flvplayer.swf" allowfullscreen="true" flashvars="vcastr_file=12.flv&IsAutoPlay=1&LogoUrl=images/logo.jpg" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="700" height="400"></embed>
</object>

經過本人測試flv或者mp4格式都能夠成功播放

下面是播放器樣式:

flvplayer

屬性引數
  • vcastr_file 方法2傳遞影片flv檔案地址引數,多個使用|分開 空
  • vcastr_title 影片標題引數,多個使用|分開,與方法2配合使用 空
  • vcastr_xml 方法3 傳遞影片flv檔案地址引數,樣板參考 vcastr.xml
  • IsAutoPlay 影片自動播放參數:0表示不自動播放,1表示自動播放 0
  • IsContinue 影片連續播放參數:0表示不連續播放,1表示連續迴圈播 1
  • IsRandom 影片隨機播放參數:0表示不隨機播放,1表示隨機播放 0
  • DefaultVolume 預設音量引數 :0-100 的數值,設定影片開始預設音量大小 100
  • BarPosition 控制欄位置引數 :0表示在影片上浮動顯示,1表示在影片下方顯示 0
  • IsShowBar 控制欄顯示引數 :0表示不顯示;1表示一直顯示;2表示滑鼠懸停時顯示;3表示開始不顯示,滑鼠懸停後顯示 2
  • BarColor 播放控制欄顏色,顏色都以0x開始16進位制數字表示 0×000033
  • BarTransparent 播放控制欄透明度 60
  • GlowColor 按鍵圖示顏色,顏色都以0x開始16進位制數字表示 0x66ff00
  • IconColor 滑鼠懸停時光暈顏色,顏色都以0x開始16進位制數字表示 0xFFFFFF
  • TextColor 播放器文字顏色,顏色都以0x開始16進位制數字表示 0xFFFFFF
  • LogoText 可以新增自己網站名稱等資訊(英文) 空
  • LogoUrl 可以從外部讀取logo圖片,注意自己調整logo大小,支援圖片格式和swf格式 空
  • EndSwf 影片播放結束後,從外部讀取swf檔案,可以新增相關影片資訊,影片分享等資訊,需自己製作 空
  • BeginSwf 影片開始播放之前,從外部讀取swf檔案,可以新增廣告,或者網站資訊,需自己製作 空
  • IsShowTime 是否顯示時間 : 0表示不顯示時間,1表示顯示時間 1
  • BufferTime 影片緩衝時間,單位(秒) 2