多媒體標籤詳解

來源:互聯網
上載者:User

標籤:

1、<embed></embed>多媒體標籤

功能:用來在網頁中嵌入外掛程式來播放多媒體檔案

相容:不是W3C規範的元素,但一般瀏覽器都支援,W3C建議使用<object>替換它。不同外掛程式屬性也可能不一樣。

<embed>此標籤非W3C推薦,NetScape支援

?

<embed>屬性說明:

width????????????寬度

height????????????高度

src ????????????多媒體檔案url

mode????????????設定播放器背景是否透明

取值:

transparent????????透明

quality????????????設定播放品質

--取值:

????high

????low

type????????????設定播放類型

取值:????????application/x-shockwave-flashplayer

??

pluginspage????設定多媒體播放的。

樣本:

<embed src="images/banner.swf" width="778" height="202" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed>

?

說明:如果要想要實現載入flash檔案等多媒體檔案的功能,只需參照樣本部分的代碼,將藍色部分改成你需要引入檔案的路徑、高度、寬度,其他屬性和屬性值不需要修改。

2、<object></object>標籤

是W3C標準,

?

常用的屬性:

classid:設定多媒體播放的註冊碼

codebase:????????設定當瀏覽器沒有安裝flash外掛程式時的

?

<param>標籤

說明:

????主要用於設定多媒體播放的參數

????<param name="movie" value="images/banner.swf">

????設定多媒體檔案的url

????<param name="quality" value="high">

????設定播放品質為高

????<param name="wmode" value="transparent">

????設定播放器背景是透明。????

?????

?

?

樣本:

<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="778" height="202">

????????<param name="movie" value="images/banner.swf">

????????<param name="quality" value="high">

????????<param name="wmode" value="transparent">

</object>

?

說明:如果要想要實現載入flash檔案等多媒體檔案的功能,只需參照樣本部分的代碼,將藍色部分改成你需要引入檔案的路徑、高度、寬度,其他屬性和屬性值不需要修改。

?

3、<embed>和<object>對比:

兩者都是用來播放多媒體檔案的對象,

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="778" height="202">

<param name="movie" value="images/banner.swf">

<param name="quality" value="high">

<param name="wmode" value="transparent">

<embed src="images/banner.swf" width="778" height="202" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed>

</object>

多媒體標籤詳解

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.