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

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

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

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

【操作步驟】

第1步，啟動(dòng)Dreamweaver CC，新建文檔，保存為test.html。

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

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

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

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

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

要使視頻播放器正常工作，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 文件自動(dòng)包含元數(shù)據(jù)。

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

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

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

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

(6)“自動(dòng)播放”復(fù)選框；指定在Web頁(yè)面打開(kāi)時(shí)是否播放視頻。

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

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

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