天天看點

《HTML5 開發執行個體大全》——1.25 使用< object >元素在網頁中顯示一個Flash

本節書摘來自異步社群《html5 開發執行個體大全》一書中的第1章,第1.25節,作者: 張明星 更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。

《HTML5 開發執行個體大全》——1.25 使用< object >元素在網頁中顯示一個Flash

https://yqfile.alicdn.com/6f177bb72335e09f2608ee497c26d2a632c309e2.png" >

執行個體說明

本執行個體的功能是,使用< object >元素在網頁中顯示一個flash,本執行個體的素材flash檔案是123.swf。在html 5 中,< object >元素的功能是定義一個嵌入的對象。請使用此元素向您的 xhtml 頁面添加多媒體。此元素運作您規定插入 html 文檔中的對象的資料和參數,以及可用來顯示和操作資料的代碼。

< object >元素可以位于head 元素或 body 元素内部。< object > 與 < /object > 之間的文本是替換文本,針對不支援此标簽的浏覽器。< param > 标簽可定義用于對象的run-time設定。

< object >元素的屬性資訊如表1-12所示。

《HTML5 開發執行個體大全》——1.25 使用< object >元素在網頁中顯示一個Flash

https://yqfile.alicdn.com/8d3c5c29fbb948e38fe3dba516f659d225fd32c3.png" >

《HTML5 開發執行個體大全》——1.25 使用< object >元素在網頁中顯示一個Flash

https://yqfile.alicdn.com/688ec4dfc86322b8e6ccf42394bc046060504727.png" >

具體實作

使用dreamweaver建立一個名為“025.html”的檔案,具體代碼如下所示:

上述代碼按照html 5的支援特征,設定了< object >元素的關鍵屬性“data”值。如果按照設定的多媒體路徑找到了該對象,在支援html 5屬性的浏覽器中可以實作播放功能。在html 5中,新增了專門用于播放多媒體檔案的标簽——< video >元素與< audio >元素。前者用于播放視訊或影視,後者用于播放音頻檔案,這兩個元素的實戰用法将在本書後面的章節中進行詳細介紹。< video >元素與< audio >元素将逐漸取代< obj ect >元素,進而真正展示html 5在處理視訊或音頻方面的強大優勢,執行後的效果如圖1-44所示。

《HTML5 開發執行個體大全》——1.25 使用< object >元素在網頁中顯示一個Flash

繼續閱讀