在網(wǎng)頁中插入Flv視頻(Flash Video)文件使用FlashPlay

2024-09-04 21:28:07

字體：大中小

供稿：網(wǎng)友

點(diǎn)評(píng)：為什么要用Flash視頻？很顯然是需要在網(wǎng)頁中播放視頻，那么Flv文件如何在網(wǎng)頁中顯示呢？Flv文件也只是視頻文件，它的播放同樣是需要播放器的，而這個(gè)播放器就是FlashPlayer

Flv視頻文件的來源

首先說下這個(gè)Flash視頻，也就是Flash Video。

為什么要用這個(gè)？很顯然是需要在網(wǎng)頁中播放視頻。我們都知道一般的視頻文件，要不就是asf格式、wmv格式使用mediaplayer進(jìn)行播放，要不就是rm格式用RealPlayer播放。

這樣的問題是，格式的不同就需要選擇不同的播放器，這對(duì)于本地計(jì)算機(jī)沒有安裝相應(yīng)播放器的用戶來說，這些視頻根本無法收看。

并且，還由于這些文件的容量過大，下載慢，查看也不很流暢。

所以，解決播放器和容量的問題，運(yùn)用Flash有個(gè)方法：將各類視頻文件轉(zhuǎn)換成Flash視頻文件。

播放器有嵌入在瀏覽器中的Flash播放器，這好像每個(gè)人的機(jī)器都有的吧，解決了其它一般視頻文件需要挑選播放器的問題，當(dāng)然這也就是Flash的優(yōu)勢(shì)。

容量方面，從FlashMX2004起就支持了轉(zhuǎn)換為Flash視頻的功能，經(jīng)過相關(guān)設(shè)置后，可縮小原有視頻的容量，最終轉(zhuǎn)換的文件擴(kuò)展名是FLV。

一句話：最終獲得的是個(gè)FLV即Flash視頻文件。

那么Flv文件如何在網(wǎng)頁中顯示呢？Flv文件也只是視頻文件，它的播放同樣是需要播放器的，而這個(gè)播放器就是FlashPlayer。

第一種方法：

將本地Flv文件導(dǎo)入部署到Flash軟件中，以庫中元素的形式而存在，將該元素拖入場(chǎng)景，調(diào)整位置后，發(fā)布為swf文件即可。

注意以上文件在本地測(cè)試沒有問題，但上傳到網(wǎng)絡(luò)時(shí)，其他瀏覽者是無法查看的，因?yàn)楫?dāng)前的播放器調(diào)用的是本地Flv文件。

所以，需要調(diào)整路徑。首先需要將Flv文件上傳到某個(gè)網(wǎng)絡(luò)空間，并且獲得其準(zhǔn)確的路徑地址。

其次，打開Flash軟件，選擇Flv組件，Alt+F7打開“組件檢查器”，將“ContentPath”中的路徑由本地地址替換為網(wǎng)絡(luò)絕對(duì)地址

在網(wǎng)頁中插入Flv視頻(Flash Video)文件使用FlashPlay

在網(wǎng)頁中插入Flv視頻(Flash Video)文件使用FlashPlay

再來將該Flash發(fā)布導(dǎo)出swf文件。這時(shí)候才可以任意使用該swf文件，如同插入其他一般Flash文件一樣。

當(dāng)然，此時(shí)還會(huì)有個(gè)播放器控制按鈕相關(guān)的一個(gè)swf文件，記得要附帶著。

第二種方式：

在第二種方式介紹之前，你有沒有發(fā)覺第一種方式有點(diǎn)麻煩？因?yàn)槲覀兪切枰獙⒁曨l插入到網(wǎng)頁的，現(xiàn)在卻需要先制作一個(gè)swf播放器文件，其中還有些曲折。然后再打開網(wǎng)頁編輯器將swf文件插入。

正如我們?cè)诰W(wǎng)頁中插入Flash按鈕一樣，先要用Flash制作按鈕，然后將該Flash插入到網(wǎng)頁。但你有沒有注意到Dreamweaver提供了直接插入Flash按鈕的功能，也就是說：你不必去制作Flash按鈕，直接通過DW中該途徑就能很快完成自己的需要。

那么，同樣，現(xiàn)在的Dreamweaver8支持了這一功能：插入Flash視頻

你不需要去制作播放視頻的swf文件，只需要提供一個(gè)Flv視頻文件即可。這也就是我所要說的重點(diǎn)。

打開插入面板，選擇常用類別，單擊媒體按鈕后的向下箭頭，從下拉列表中選擇“Flash視頻”

在網(wǎng)頁中插入Flv視頻(Flash Video)文件使用FlashPlay

彈出的對(duì)話框中，可使用網(wǎng)絡(luò)上已經(jīng)固定的Flv文件地址，還可以是選擇瀏覽本地的Flv文件，但要注意該Flv文件應(yīng)是你所定義的DW當(dāng)前該站點(diǎn)中的，以獲得相對(duì)路徑，便于之后所有文件一起上傳后，一樣能尋找到該文件。

不出所料，設(shè)置完畢后，DW8自動(dòng)生成了FLVPlayer_Progressive.swf播放器文件和Halo_Skin_3.swf控制器皮膚文件。

那么，最后你上傳網(wǎng)頁時(shí)就是4個(gè)文件一起上傳。

在網(wǎng)頁中插入Flv視頻(Flash Video)文件使用FlashPlay

第三種方式：

如果你還是覺得文件比較的多，只要要一個(gè)播放器和一個(gè)Flv文件就了事。那么，借用下Google的這個(gè)swf播放器googleplayer.swf，自己只需要提供flv路徑就可以了，除flv外，googleplayer.swf還支持mp3文件。

具體如何使用google的這個(gè)播放器

以下顯示的則是通過上面的工具設(shè)置的，采用的Google的播放器。

當(dāng)然，畢竟這個(gè)播放器是Google的，只要通過URL的參數(shù)選項(xiàng)即可播放相應(yīng)的該視頻文件。

如果能脫離第一、第二種方式，使用第三種方法又不想使用Google的播放器，那只有自己來寫一個(gè)swf播放器了。Danger似乎已經(jīng)完成。

上一篇：Dreamweaver正則表達(dá)式參考

下一篇：讓你的dw也支持像php樣具有jquery提示功能實(shí)現(xiàn)方法