HTML5 支援可讓使用者在瀏覽器中播放視訊與音效檔案的視訊語音效標籤,不需要透過外部外掛程式或播放程式。Dreamweaver 支援加入視訊與音效標籤的相關程式碼提示。
「即時檢視」會呈現視訊,並且為您內嵌至網頁中的視訊提供預視。
註解:
雖然您可以將任何視訊內嵌至您的網頁,「即時檢視」不會一律呈現所有視訊。Dreamweaver 使用 Apple QuickTime 外掛程式來支援視訊與音效標籤。在 Windows 中,如果沒有安裝 Apple QuickTime 外掛程式,網頁就無法呈現媒體內容。
若要了解如何插入 HTML5 視訊,請參閱「在 Dreamweaver 中插入 HTML5 視訊」。
您可以輕易地將 FLV 視訊加入網頁,而不需要使用 Flash 撰寫工具。若要進行這項操作,您必須已有編碼的 FLV 檔。
Dreamweaver 會插入一個 SWF 組件用來顯示 FLV 檔;當您在瀏覽器中檢視時,該組件將顯示選取的 FLV 檔,以及一組播放控制項。

串流視訊
會串流視訊內容,並在確保播放流暢的短暫緩衝時間過後,在網頁上播放該內容。若要在網頁上啟用串流視訊,您必須具有 Adobe® Flash® Media Server 的存取權。
您必須已有編碼的 FLV 檔,才能在 Dreamweaver 中使用這種檔案。您可以插入兩種轉碼器 (壓縮/解壓縮技術) 所建立的視訊檔案:Sorenson Squeeze 和 On2。
如同一般的 SWF 檔,當您插入 FLV 檔時,Dreamweaver 也會插入程式碼用來偵測使用者是否已有正確的 Flash Player 版本可觀賞視訊。如果使用者的版本不正確,網頁將顯示預設替代內容以提示使用者下載 Flash Player 最新版本。
註解:
使用者若要檢視 FLV 檔,必須在電腦上安裝 Flash Player 8 或更新版本。如果使用者未安裝必要的 Flash Player 版本,但是已有 Flash Player 6.0 r65 或更新版本,瀏覽器則會顯示 Flash Player 快速安裝程式而非替代內容。使用者若拒絕快速安裝,網頁會接著顯示替代內容。
如需有關使用視訊的詳細資訊,請造訪視訊技術中心,網址為:www.adobe.com/go/flv_devcenter_tw。
註解:
Microsoft Internet Information Server (IIS) 不會處理巢狀物件標籤。在 ASP 網頁中,當插入 SWF 或 FLV 檔時,Dreamweaver 使用的是巢狀物件/內嵌程式碼,而不是巢狀物件程式碼。
-
「插入 FLV」命令會產生視訊播放程式 SWF 檔和外觀 SWF 檔,這些檔案可用來在網頁上顯示視訊。這個命令也會產生必須上傳到 Flash Media Server 的 main.asc 檔案 (您可能需要在「檔案」面板中按一下「重新整理」按鈕以查看新的檔案)。這些檔案會和您在其中加入視訊內容的 HTML 檔,儲存於相同目錄。當您上傳含有 FLV 檔的 HTML 網頁時,請記得將這些 SWF 檔上傳至您的網頁伺服器,並將 main.asc 檔案上傳到 Flash Media Server。
註解:
如果您的伺服器上已經有 main.asc 檔案,請先向您的伺服器管理員進行確認,再上傳「插入 FLV」命令所產生的 main.asc 檔案。
在 Dreamweaver「文件」視窗中,選取視訊組件預留位置,並按一下「屬性」檢視窗 (「視窗 > 屬性」) 中的「上傳媒體」按鈕,即可上載所有必要的媒體檔案。如需查閱必要檔案的清單,請按一下「顯示必要的檔案」。
註解:
「上傳媒體」按鈕不會上傳含有視訊內容的 HTML 檔案。
當您將 FLV 檔插入頁面時,Dreamweaver 也會插入程式碼來偵測使用者是否已有正確的 Flash Player 版本。如果版本不正確,網頁將顯示預設替代內容以提示使用者下載最新版本。您可以隨時更改這個替代內容。
本程序也適用於 SWF 檔。
註解:
如果使用者未安裝必要的版本,但是已有 Flash Player 6.0 r65 或更新版本,瀏覽器則會顯示 Flash Player 快速安裝程式。使用者若拒絕快速安裝,網頁會接著顯示替代內容。
本節將詳細說明一些最常見的 FLV 檔案問題原因。
因相關檔案不存在而導致的檢視問題
Dreamweaver CS4 和更新版本產生的程式碼會用到四個不同於 FLV 檔案本身的相關檔案:
swfobject_modified.js
expressInstall.swf
FLVPlayer_Progressive.swf
外觀檔案 (例如 Clear_Skin_1.swf)
請注意,相較於 Dreamweaver CS3,Dreamweaver CS4 和更新版本還多了兩個相關檔案。
上述檔案的前兩個檔案 (swfobject_modified.js 和 expressInstall.swf) 是安裝在稱為 Scripts 的資料夾,如果沒有這個資料夾,Dreamweaver 會在網站根目錄中建立。
後兩個檔案 (FLVPlayer_Progressive.swf 和外觀檔案) 會安裝在與內嵌 FLV 之頁面相同的資料夾中。外觀檔案包含 FLV 的控制項,而其名稱則視您在 Dreamweaver 說明所述選項中選擇的外觀而定。例如,選擇 Clear Skin,這個檔案就會命名為 Clear_Skin_1.swf。
這四個相關檔案都必須上傳至 FLV 的遠端伺服器,才能正確顯示。
忘記上傳這些檔案是 FLV 檔案無法在網頁中正確執行的最常見原因。如果遺漏其中一個檔案,您可能會在頁面上看見「白色方框」。
若要確保已經上傳所有相關檔案,請使用「Dreamweaver 檔案」面板來上傳顯示 FLV 的頁面。當您上傳頁面時,Dreamweaver 會詢問您是否要上傳相關檔案 (除非已關閉此選項)。按一下「是」以上傳相關檔案。
在本機預覽頁面時的檢視問題
由於 Dreamweaver CS4 中有安全性更新,除非您在 Dreamweaver 網站定義中定義本機測試伺服器並使用測試伺服器預覽頁面,否則無法使用「在瀏覽器中預覽」命令來測試含內嵌 FLV 的頁面。
一般而言,您只有在使用 ASP、ColdFusion 或 PHP 製作頁面時,才需要測試伺服器 (請參閱「設定您的電腦以進行應用程式開發」)。如果您正在建立只有使用 HTML 的網站,而沒有定義測試伺服器,按 F12 鍵 (Windows) 或 Opt+F12 鍵 (Macintosh) 便會在螢幕上產生一堆混亂的外觀控制項。解決方式是定義測試伺服器並使用測試伺服器預覽頁面,或是上傳檔案至遠端伺服器並於該處檢視頁面。
註解:
安全性設定或許也有可能造成無法預覽本機 FLV 內容,但是 Adobe 還不能確定這點。您可以嘗試更改安全性設定,看看是否有幫助。如需有關更改安全性設定的詳細資訊,請參閱技術文件 117502。
如果您無法在本機進行預覽,請確定已取消選取「編輯 > 偏好設定 > 即時預覽」下的「使用暫存檔預覽」選項。
確認您擁有最新的 FlashPlayer 外掛程式
在 Dreamweaver 外部移動檔案和資料夾時,要很小心。如果您將檔案和資料夾移至 Dreamweaver 外部,Dreamweaver 無法保證 FLV 相關檔案的路徑正確。
您可以使用已知有效的 FLV 檔案來暫時取代產生問題的 FLV 檔案。如果用來取代的 FLV 檔案有效,表示原始 FLV 檔案發生問題,而不是瀏覽器或電腦發生問題。
您可以選取 Dreamweaver「文件」視窗中的視訊組件預留位置,然後使用屬性檢視窗來變更網頁上該視訊的設定。或者,您也可以刪除視訊組件,然後再選取「插入 > HTML > Flash 視訊」重新插入該組件。
若要了解如何加入非 .flv 檔案的視訊,請參閱「加入視訊 (非 FLV)」。
您可能也想知道如何在 Dreamweaver 中插入外掛程式內容,讓您的 Dreamweaver 網站能播放 .mp3 檔案或 Quicktime 視訊。