object、param標籤及頁面顯示PDF檔案的方法

object、param標籤及頁面顯示PDF檔案的方法

 

一、object、param標籤

 HTML <object> 標籤

定義和用法

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

執行個體

向 HTML 程式碼添加一個對象：

<object classid="clsid:F08DF954-8592-11D1-B16A-00C0F0283628" id="Slider1" width="100" height="50">           <param name="BorderStyle" value="1" />           <param name="MousePointer" value="0" />           <param name="Enabled" value="1" />           <param name="Min" value="0" />           <param name="Max" value="10" /> </object>

瀏覽器支援

幾乎所有主流瀏覽器都擁有部分對 <object> 標籤的支援。

HTML 與 XHTML 之間的差異

NONE

提示和注釋：

注釋：<param> 標籤定義用於對象的 run-time 設定。
注釋：不要對映像使用 <object> 標籤，請使用 <img> 標籤代替。

 

可選的屬性

屬性	值	描述	DTD
align	left right top bottom	定義圍繞該對象的文本對齊。	TF
archive	URL	由空格分隔的指向檔案檔案的 URL 列表。這些檔案檔案包含了與對象相關的資源。	STF
border	pixels	定義對象周圍的邊框。	TF
classid	class ID	定義嵌入 Windows Registry 中或某個 URL 中的類的 ID 值，此屬性可用來指定瀏覽器中包含的對象的位置，通常是一個 Java 類。	STF
codebase	URL	定義在何處可找到對象所需的代碼，提供一個基準 URL。	STF
codetype	MIME type	通過 classid 屬性所引用的代碼的 MIME 類型。	STF
data	URL	定義引用對象資料的 URL。如果有需要對象處理的資料檔案,要用 data 屬性來指定這些資料檔案。	STF
declare	declare	可定義此對象僅可被聲明，但不能被建立或例示，直到此對象得到應用為止。	STF
height	pixels	定義對象的高度。	STF
hspace	pixels	定義對象周圍水平方向的空白。	TF
name	unique_name	為對象定義唯一的名稱（以便在指令碼中使用）。	STF
standby	text	定義當對象正在載入時所顯示的文本。	STF
type	MIME_type	定義被規定在 data 屬性中指定的檔案中出現的資料的 MIME 類型。	STF
usemap	URL	規定與對象一同使用的用戶端影像對應的 URL。	STF
vspace	pixels	定義對象的垂直方向的空白。	TF
width	pixels	定義對象的寬度。	STF

 標準屬性

id, class, title, style, dir, lang, xml:lang

如需完整的描述，請參考標準屬性。

事件屬性

accesskey, tabindex, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

如需完整的描述，請參考事件屬性。

 
二、網頁內嵌多媒體 IE,Mozilla、Firefox、NetScape、Opera 2
2008-09-23 14:59

（一）完美內嵌 Quicktime

　　1、用戶端要求：

對於 Windows 使用者和 Mac OS X 使用者，安裝相應版本的 QuickTime 播放器即可。Windows 版下載 QuickTimeinstaller.exe，Mac OS X 版下載 QuickTimeinstaller.exe

Windows 使用者也可以安裝暴風影音等帶有 QuickTime 解碼器和瀏覽器外掛程式的其他播放器，例如暴風影音。

對於 Linux 以及 FreeBSD、Solaris 等 Unix 系統使用者，需要 VLC media player及其瀏覽器外掛程式或者 MPlayer 及其瀏覽器外掛程式。

　　2、實現代碼： 

<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="420" height="360">    <param name="autoplay" value="true" />    <param name="src" value="mov%2F%B2%E2%CA%D4%2Emov" />    <embed src="mov%2F%B2%E2%CA%D4%2Emov" type="video/quicktime" autoplay="true" width="420" height="360">    </embed> </object>

   
　　3、要點分析：

　　QuickTime 格式的內嵌比較簡單，像上面那樣寫就可以了，基本上沒有什麼要注意的地方。媒體路徑 src 的值，可以是完整地址，也可以是相對位址，可以用 url 編碼，也可以不編碼，QuickTime 外掛程式和 VLC 外掛程式都能正確的支援，當然為了保險起見，最好還是採用 url 編碼方式裡寫媒體路徑。

　　雖然 embed 中指定的是 video/quicktime 類型，但是即使連結的媒體是 mp3 仍然能播放。對於 QuickTime 支援的其他類型的沒有進行測試，但我想應該也是可以的。

 

（二）完美內嵌 Flash

　　1、用戶端要求：

　　安裝你所使用的瀏覽器的 Flash 外掛程式。

　　2、實現代碼：

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="420" height="320">    <param name="movie" value="flash/打電話記.swf" />    <param name="quality" value="high" />    <embed src="flash/打電話記.swf" quality="high" type="application/x-shockwave-flash" width="420" height="320"></embed> </object>

　　3、要點分析：

　　對於 Flash 似乎沒什麼好說的，因為這個用的很普遍。在這裡寫下來只是為了查閱方便，算是湊數吧。呵呵。

（三）讓內嵌多媒體通過 XHTML 驗證

　　1、問題：

　　上面的所有的代碼，雖然能夠完美的在各個瀏覽器上很好的播放了，但是還有一點美中不足，那就是這樣的頁面無法通過 XHTML 驗證。原因是 embed 標籤從來都不是 HTML 標準中的標籤，因此 XHTML 中也沒有它。

　　2、解決：

　　如果你不在乎你的網頁是否符合標準，那照上面那樣做就可以了。如果你還想追求更加完美，請看下面的解決方案：

　　下面以 flash 為例來介紹，方法同樣適用於其他類型的多媒體內容。

　　我們知道 W3C 推薦使用的是 object 標籤，但用法卻不是 Internet Explorer 那種用 classid 來區分控制項類型，而是採用 type 來指定 MIME 類型。現在的 Mozilla、Firefox 和 Opera 都支援這種用法，雖然 IE 目前的版本也支援這種用法，不過很可惜的是，IE 還是有 bug，那就是只有全部下載完畢才能播放。而且還不是所有的情況下都能用。在某些 IE 瀏覽器上還顯示空白。所以單純用 W3C 推薦的 object 標籤用法還是不夠的。但是我們可以作一下變通，如果是使用者瀏覽器是 IE 的話，我們就用 IE 的 object 的用法，如果是其他瀏覽器，我們就採用 W3C 的用法。這樣就可以兩全其美了。也許此刻，你覺得我們該用到指令碼了。不，我們不需要指令碼。我們只需要用 IE 所特有的條件注釋和 CSS 就可以做到了。例子如下：

<style type="text/css"> .mozilla { display:block; } </style> <!--[if IE]> <style type="text/css"> .mozilla { display:none; } </style> <![endif]--> <object data="flashdatei.swf" type="application/x-shockwave-flash" height="275" width="256" class="mozilla"> <param name="autoplay" value="true"> </object> <!--[if IE]> <object classid="cclsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="256" height="275"> <param name="src" value=""flashdatei.swf"> </object> <![endif]-->

　　你會發現其實就是把 embed 替換成了 object，而且位置也從 IE 的 object 中移出來了。embed 標籤裡的 src 屬性在 object 中變成了 data 屬性。而 firefox 等非 IE 瀏覽器因為不認識 <!–[if IE]> 標籤，所以其中的部分都當作注釋忽略了。而 IE 因為執行了 <!–[if IE]> 中的內容，所以 firefox 中可以識別的那個 object 因為 css 被重新定義而被隱藏了。
 
三、如何直接在網頁中顯示PDF檔案
2011-06-17 15:52:49

　　1、 embed

<embed width="800" height="600" src="test_pdf.pdf"> </embed>

　　通過的瀏覽器：360、Firefox、IE、Chrome

　　2、Object 

<object classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" width="800" height="600" border="0"> <param name="SRC" value="test_pdf.pdf"> </object>

　　通過的瀏覽器：360、IE

　　未通過的瀏覽器：Firefox、Chrome

　　3、 iFrame架構

<iframe src="test_pdf.pdf" width="800" height="600"></iframe>

　　通過的瀏覽器：360、Firefox、IE、Chrome

 

　　4、用瀏覽器直接存取http://127.0.0.1/test_pdf.pdf (其實這個不算是在網頁內吧)

　　通過的瀏覽器：360、Firefox、IE、Chrome

　　以上四種方式均在WinXP下。（之前有碰到過上傳的功能在Win7下失效的情況，故在此說明一下OS）

原文轉載自 ：http://vs.net2005.blog.163.com/blog/static/77528105201212141111959/