dw 2014?在網(wǎng)頁中使用FLV視頻?

在網(wǎng)頁中使用FLV視頻

FLV是Flash Video的簡稱，這是一種網(wǎng)絡(luò)視頻格式。由于該格式生成的視頻文件小、加載速度

快，故成為網(wǎng)絡(luò)視頻的通用格式之一。目前很多視頻網(wǎng)站，如搜狐視頻、56、優(yōu)酷等都使用FLV技 術(shù)來實現(xiàn)視頻的制作、上傳和播放。在Dreamweaver CC中插入FLV視頻的方法如下。

【操作步驟】

第1步，啟動Dreamweaver CC，新建文檔，保存為test.html。

第2步，在編輯窗口中，將光標(biāo)定位在要插入FLV視頻的位置。

第3步，選擇“插入” | “媒體” | Flash Video命令，打開“插入FLV”對話框，如圖所示。

第4步，在“視頻類型”下拉列表框中選擇視頻下載類型，包括“累進式下載視頻”和“流視頻” 兩種類型。當(dāng)選擇“流視頻”選項后，該對話框如圖所示。

第5步，如果希望累進式下載或瀏覽視頻，則應(yīng)該從“視頻類型”下拉列表框中選擇“累進式下 載視頻”選項，然后在如圖所示的對話框中設(shè)置以下選項。

(1)URL文本框：指定FLV文件的相對或絕對路徑。如果要指定相對路徑，例如， mypath/myvideo.flv,用戶可以單擊“瀏覽”按鈕，在打開的“選擇文件”對話框中選擇FLV文件。 如果要指定絕對路徑，可以直接輸入FLV文件的TJRL,例如，http://www.example.com/myvideo.flv。 如果要指向HTML文件向上兩層或更多層目錄中的FLV文件，則必須使用絕對路徑。

要使視頻播放器正常工作，F(xiàn)LV文件必須包含元數(shù)據(jù)。使用Flash Communication Server 1.6.2-, FLV Exporter 1.2版和 Sorenson Squeeze 4.0,以及 Flash Video Encoder 創(chuàng)建的 FLV 文件自動包含元數(shù)據(jù)。

(2)“外觀”下拉列表框：指定FLV視頻組件的外觀。所選外觀的效果會出現(xiàn)在預(yù)覽框中。

(3)“寬度”文本框：以像素為單位指定FLV文件的寬度。若要讓Dreamweaver確定FLV文件 的準(zhǔn)確寬度，卩1以單擊“檢測大小”按鈕。如果Dreamweaver無法確定寬度，則必須輸入寬度值。

(4)“高度”文本框：以像素為單位指定FLV文件的高度。如果要讓Dreamweaver確定FLV文 件的準(zhǔn)確尚度，可以單擊“檢測大小”按鈕。如果Dreamweaver無法確定高度，則必須輸入寬度值。

(5)“限制寬高比”復(fù)選框：保持FLV視頻組件的寬度和高度之間的縱橫比不變。默認情況下 會選中此復(fù)選框。

(6)“自動播放”復(fù)選框；指定在Web頁面打開時是否播放視頻。

(7)“自動重新播放”復(fù)選框：指定播放控件在視頻播放完之后是否返回起始位置.

第6步，設(shè)置完畢，單擊“確定”按鈕關(guān)閉對話框，并將FLV視頻添加到網(wǎng)頁中。

第7步，插入FLV視頻之后，系統(tǒng)會自動生成一個視頻播放器SWF文件和一個外觀SWF文件, 用于在網(wǎng)頁上顯示FLV視頻內(nèi)容=這些文件與FLV視頻內(nèi)容所添加到HTML的文件存儲在同一目錄 中。當(dāng)用戶上傳包含F(xiàn)LV視頻內(nèi)容的網(wǎng)頁時，Dreamweaver將以相關(guān)文件的形式上傳這些文件。插 入FLV視頻后的網(wǎng)頁效果如圖所示。