選取「插入 > HTML > Flash 視訊」。
上次更新時間
2023年9月25日
了解如何在 Dreamweaver 網頁中內嵌視訊以及插入 FLV 檔案。
在網頁中內嵌視訊 (HTML5)
HTML5 支援可讓使用者在瀏覽器中播放視訊與音效檔案的視訊語音效標籤，不需要透過外部外掛程式或播放程式。 Dreamweaver 支援加入視訊與音效標籤的相關程式碼提示。
「即時檢視」會呈現視訊，並且為您內嵌至網頁中的視訊提供預視。
備註
雖然您可以將任何視訊內嵌至您的網頁，「即時檢視」不會一律呈現所有視訊。 Dreamweaver 使用 Apple QuickTime 外掛程式來支援視訊與音效標籤。 在 Windows 中，如果沒有安裝 Apple QuickTime 外掛程式，網頁就無法呈現媒體內容。
若要了解如何插入 HTML5 視訊，請參閱「在 Dreamweaver 中插入 HTML5 視訊」。
插入 FLV 檔
插入 FLV 檔
您可以輕鬆地將 FLV 影片加入網頁中而不使用 Flash 製作工具。若要進行這項操作，您必須已有編碼的 FLV 檔。
Dreamweaver 插入一個 SWF 元件來 顯示 FLV 檔案；在瀏覽器中檢視時，此元件 會顯示選取的 FLV 檔案，以及一組播放控制項。
Dreamweaver 為您提供以下選項 來為網站訪客傳送 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。
插入 FLV 檔
在「插入 FLV」對話框中，從「視訊類型」快顯視窗選單選取「漸進式下載」
或「串流視訊」。
完成對話框的其餘選項並按一下
「確定」。
備註
Microsoft Internet Information Server (IIS) 不會 處理巢狀物件標記。對於 ASP 頁面，Dreamweaver 在插入 SWF 或 FLV 檔案時會使用巢狀 物件/嵌入程式碼，而非巢狀物件程式碼。
設定漸進式下載視訊的選項
「插入 FLV」對話框可讓您 為插入網頁中的 FLV 檔案設定漸進式下載傳送選項。
選取「插入 > HTML > Flash 視訊」(或在「插入」面板的「HTML」類別中，按一下「Flash 視訊」圖示)。
在「插入 FLV」對話框中，從「視訊類型」選單選取「漸進式下載
視訊」。
請指定下列選項：
URL
指定 FLV 檔案的相對路徑或絕對路徑。 若要指定相對路徑 (例如 mypath/myvideo.flv)，請按一下 「瀏覽」按鈕，導覽至 FLV 檔案並選取它。若要指定 絕對路徑，請輸入 URL (例如 http://www.example.com/myvideo.flv) FLV 檔案的)。
外觀
指定視訊組件的外觀。 所選外觀的預覽會出現在「外觀」快顯選單下方。
寬度
FLV 檔案的寬度 (以像素為單位)。 Dreamweaver 會判斷 FLV 檔案的寬度，您會看到寬度自動出現在此欄位中。
高度
FLV 檔案的高度 (以像素為單位)。 Dreamweaver 會自動最佳化 FLV 檔案的高度，您會看到高度自動出現在此欄位中。
備註
「外觀的總計」就是 FLV 檔案的寬度和高度，加上所選外觀的寬度和高度。
限制
維持影片元件寬度和高度之間相同的外觀比例。這是預設選取的選項。
自動播放
指定在開啟網頁時 是否播放視訊。
自動倒帶
指定播放控制項在視訊播放完成後 是否返回起始位置。
按一下「確定」關閉對話框並將 FLV 檔案
加入您的網頁。
「插入 FLV」指令會產生視訊播放器 SWF 檔案和外觀 SWF 檔案，用於在網頁上顯示您的視訊內容。(若要查看新檔案，您可能需要在「檔案」面板中按一下 「重新整理」按鈕。)這些檔案儲存在與您 要加入視訊內容的 HTML 檔案相同的目錄中。當 您上傳包含 FLV 檔案的 HTML 頁面時，Dreamweaver 會將這些 檔案作為相依檔案上傳 (只要您在「放置相依 檔案」對話框中按一下「是」)。
設定串流視訊選項
「插入 FLV」對話框可讓您 為插入網頁中的 FLV 檔案設定串流視訊下載選項。
選取「插入 > HTML > Flash 視訊」(或在「插入」面板的「HTML」類別中，按一下「Flash 視訊」圖示)。
從「視訊類型」彈出式選單中，選取「串流視訊」。
伺服器 URI
以 rtmp://www.example.com/app_name/instance_name 的形式指定伺服器名稱、應用程式名稱和執行個體 名稱。
串流名稱
指定您要播放的 FLV 檔案名稱 （例如，myvideo.flv）。.flv 副檔名是選擇性的。
外觀
指定視訊組件的外觀。 所選外觀的預覽 會出現在「外觀」快顯選單下方。
寬度
FLV 檔案的寬度 (以像素為單位)。 Dreamweaver 會判斷 FLV 檔案的寬度，並自動將寬度填入此欄位。
高度
FLV 檔案的高度 (以像素為單位)。 Dreamweaver 會判斷 FLV 檔案的高度，並自動將高度的像素數填入此欄位。
備註
「外觀的總計」就是 FLV 檔案的寬度和高度，加上所選外觀的寬度和高度。
限制
會將視訊組件的寬度和高度維持在相同的比例。 這是預設選取的選項。
即時視訊內容
指定是否要即時播送視訊內容。 如果選取了「即時視訊內容」，Flash Player 會播放由 Flash® Media Server 以資料流方式所處理的即時視訊內容。 即時視訊內容的名稱即為「串流名稱」文字方塊中指定的名稱。
備註
若要啟用「即時視訊內容」，您必須從「外觀」欄位選取任一個 Halo 外觀選項。 當您選取「即時視訊內容」時，組件的外觀上只會出現音量控制項，因為您無法操作即時視訊。 此外，「自動播放」和「自動倒帶」也都無法使用。
自動播放
指定在開啟網頁時 是否播放影片。
自動倒帶
指定播放控制項在影片播放完畢後 是否返回起始位置。
緩衝時間
指定影片開始播放前 緩衝區所需的時間（以秒為單位）。預設緩衝區時間設定為 0， 因此在按一下「播放」按鈕後，影片會立即開始播放。（如果選取了「自動播放」，影片會在 與伺服器建立連線後立即開始播放。）如果您要傳送的影片位元速率 高於網站訪客的連線速度，或當網際網路流量 可能導致頻寬或連線問題時，您可能需要設定緩衝區時間。例如， 如果您要在網頁開始播放影片之前， 將 15 秒的影片傳送到網頁，請將緩衝區時間設定為 15。
按一下「確定」以關閉對話框，並將 FLV 檔案
新增至您的網頁。
「插入 FLV」指令會產生影片播放器 SWF 檔案 和外觀 SWF 檔案，用於在網頁上 顯示您的影片。該指令還會產生 main.asc 檔案， 您必須將其上傳至 Flash Media Server。（要檢視新檔案，您可能需要 按一下「檔案」面板中的「重新整理」按鈕。）這些檔案會儲存在 與您要新增視訊內容的 HTML 檔案相同的目錄中。 當您上傳包含 FLV 檔案的 HTML 頁面時，請記得 將 SWF 檔案上傳至您的網頁伺服器，並將 main.asc 檔案 上傳至您的 Flash Media Server。
備註
如果您的伺服器上已經有 main.asc 檔案，請在上傳「插入 FLV」指令產生的 main.asc 檔案之前， 先諮詢您的伺服器管理員。
您 可以選取 Dreamweaver 文件視窗中的 視訊元件預留位置，並按一下屬性檢測器中的「上傳媒體」按鈕（「視窗」> 「屬性」），輕鬆上傳所有必要的媒體檔案。要檢視必要檔案的清單，請按一下「顯示必要 檔案」。
備註
「上傳媒體」按鈕不會上傳包含 視訊內容的 HTML 檔案。
編輯 Flash Player 下載資訊
當您將 FLV 檔插入頁面時，Dreamweaver 也會插入程式碼來偵測使用者是否已有正確的 Flash Player 版本。 如果版本不正確，網頁將顯示預設替代內容以提示使用者下載最新版本。 您可以隨時更改這個替代內容。
本程序也適用於 SWF 檔。
備註
如果使用者未安裝必要的版本，但是已有 Flash Player 6.0 r65 或更新版本，瀏覽器則會顯示 Flash Player 快速安裝程式。 使用者若拒絕快速安裝，網頁會接著顯示替代內容。
在
「文件」視窗的「設計」檢視中，選取 SWF 檔案或 FLV
檔案。
按一下 SWF 檔案或 FLV 檔案的眼睛圖示。
備註
您也可以按 Control + ] 來切換 至替代內容檢視。要返回 SWF/FLV 檢視，請按 Control + [，直到選取所有替代內容為止。然後再按一次 Control + [。
編輯內容，就像您在 Dreamweaver 中
編輯任何其他內容一樣。
備註
您無法新增 SWF 檔案或 FLV 檔案 作為替代內容。
再次按一下眼睛圖示，即可回到 SWF 或 FLV
檔案檢視。
疑難排解 FLV 檔案
本節詳細說明 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 中的安全性更新，您無法使用「在瀏覽器中預覽」 指令來測試包含嵌入式 FLV 的頁面，除非您 在 Dreamweaver 網站定義中定義本機測試伺服器 並使用測試伺服器來預覽頁面。
通常，只有在開發包含 ASP、ColdFusion 或 PHP 的頁面時才需要測試伺服器（請參閱設定您的電腦進行應用程式開發）。如果您正在建置僅使用 HTML 的網站，且尚未定義測試伺服器，則按 F12 (Windows) Opt+F12 (Macintosh) 會在螢幕上產生一堆外觀控制項。解決方式是定義測試 伺服器並使用測試伺服器預覽您的頁面，或將 檔案上傳到遠端伺服器並在該處檢視。
備註
安全性設定也可能 導致無法 預覽本機 FLV 內容，但 Adobe 無法確認 這一點。您可以嘗試更改安全性設定，看看是否有幫助。 如需有關更改安全性設定的詳細資訊，請參閱技術文件 117502。
FLV 檔案問題的其他可能原因
如果您無法在本機進行預覽，請確定已取消選取「編輯 > 偏好設定 > 即時預覽」下的「使用暫存檔預覽」選項。
確認您擁有最新的 FlashPlayer 外掛程式
在 Dreamweaver 外部移動檔案和資料夾時，要很小心。 如果您將檔案和資料夾移至 Dreamweaver 外部，Dreamweaver 無法保證 FLV 相關檔案的路徑正確。
您可以使用已知有效的 FLV 檔案來暫時取代產生問題的 FLV 檔案。 如果用來取代的 FLV 檔案有效，表示原始 FLV 檔案發生問題，而不是瀏覽器或電腦發生問題。
編輯或刪除 FLV 組件
您可以選取 Dreamweaver「文件」視窗中的視訊組件預留位置，然後使用屬性檢視窗來變更網頁上該視訊的設定。 或者，您也可以刪除視訊組件，然後再選取「插入 > HTML > Flash 視訊」重新插入該組件。
編輯 FLV 組件
在 Dreamweaver「文件」視窗中按一下
預留位置中心的 FLV 圖示，
選取影片元件預留位置。
開啟「屬性」檢查器 (「視窗」>「屬性」)
並進行變更。
備註
您無法使用「屬性」檢查器來變更影片類型 (例如，從漸進式下載 變更為串流)。若要變更 影片類型，請刪除 FLV 元件，然後選擇 「插入」>「媒體」> FLV 重新插入。
刪除 FLV 組件
在 Dreamweaver 文件視窗中選取 FLV 元件預留位置
並按一下
「刪除」。
加入視訊 (其他格式)
若要了解如何加入非 .flv 檔案的視訊，請參閱「加入視訊 (非 FLV)」。
您可能也想知道如何在 Dreamweaver 中插入外掛程式內容，讓您的 Dreamweaver 網站能播放 .mp3 檔案或 Quicktime 視訊。
