在網(wǎng)頁(yè)中插入Flv視頻(Flash Video)文件使用FlashPlayer播放
發(fā)布時(shí)間:2012-12-15 10:53:23 作者:佚名
我要評(píng)論

為什么要用Flash視頻?很顯然是需要在網(wǎng)頁(yè)中播放視頻,那么Flv文件如何在網(wǎng)頁(yè)中顯示呢?Flv文件也只是視頻文件,它的播放同樣是需要播放器的,而這個(gè)播放器就是FlashPlayer
Flv視頻文件的來(lái)源
首先說(shuō)下這個(gè)Flash視頻,也就是Flash Video。
為什么要用這個(gè)?很顯然是需要在網(wǎng)頁(yè)中播放視頻。我們都知道一般的視頻文件,要不就是asf格式、wmv格式使用mediaplayer進(jìn)行播放,要不就是rm格式用RealPlayer播放。
這樣的問(wèn)題是,格式的不同就需要選擇不同的播放器,這對(duì)于本地計(jì)算機(jī)沒(méi)有安裝相應(yīng)播放器的用戶來(lái)說(shuō),這些視頻根本無(wú)法收看。
并且,還由于這些文件的容量過(guò)大,下載慢,查看也不很流暢。
所以,解決播放器和容量的問(wèn)題,運(yùn)用Flash有個(gè)方法:將各類視頻文件轉(zhuǎn)換成Flash視頻文件。
播放器有嵌入在瀏覽器中的Flash播放器,這好像每個(gè)人的機(jī)器都有的吧,解決了其它一般視頻文件需要挑選播放器的問(wèn)題,當(dāng)然這也就是Flash的優(yōu)勢(shì)。
容量方面,從FlashMX2004起就支持了轉(zhuǎn)換為Flash視頻的功能,經(jīng)過(guò)相關(guān)設(shè)置后,可縮小原有視頻的容量,最終轉(zhuǎn)換的文件擴(kuò)展名是FLV。
一句話:最終獲得的是個(gè)FLV即Flash視頻文件。
那么Flv文件如何在網(wǎng)頁(yè)中顯示呢?Flv文件也只是視頻文件,它的播放同樣是需要播放器的,而這個(gè)播放器就是FlashPlayer。
第一種方法:
將本地Flv文件導(dǎo)入部署到Flash軟件中,以庫(kù)中元素的形式而存在,將該元素拖入場(chǎng)景,調(diào)整位置后,發(fā)布為swf文件即可。
注意以上文件在本地測(cè)試沒(méi)有問(wèn)題,但上傳到網(wǎng)絡(luò)時(shí),其他瀏覽者是無(wú)法查看的,因?yàn)楫?dāng)前的播放器調(diào)用的是本地Flv文件。
所以,需要調(diào)整路徑。首先需要將Flv文件上傳到某個(gè)網(wǎng)絡(luò)空間,并且獲得其準(zhǔn)確的路徑地址。
其次,打開(kāi)Flash軟件,選擇Flv組件,Alt+F7打開(kāi)“組件檢查器”,將“ContentPath”中的路徑由本地地址替換為網(wǎng)絡(luò)絕對(duì)地址

再來(lái)將該Flash發(fā)布導(dǎo)出swf文件。這時(shí)候才可以任意使用該swf文件,如同插入其他一般Flash文件一樣。
當(dāng)然,此時(shí)還會(huì)有個(gè)播放器控制按鈕相關(guān)的一個(gè)swf文件,記得要附帶著。
第二種方式:
在第二種方式介紹之前,你有沒(méi)有發(fā)覺(jué)第一種方式有點(diǎn)麻煩?因?yàn)槲覀兪切枰獙⒁曨l插入到網(wǎng)頁(yè)的,現(xiàn)在卻需要先制作一個(gè)swf播放器文件,其中還有些曲折。然后再打開(kāi)網(wǎng)頁(yè)編輯器將swf文件插入。
正如我們?cè)诰W(wǎng)頁(yè)中插入Flash按鈕一樣,先要用Flash制作按鈕,然后將該Flash插入到網(wǎng)頁(yè)。但你有沒(méi)有注意到Dreamweaver提供了直接插入Flash按鈕的功能,也就是說(shuō):你不必去制作Flash按鈕,直接通過(guò)DW中該途徑就能很快完成自己的需要。
那么,同樣,現(xiàn)在的Dreamweaver8支持了這一功能:插入Flash視頻
你不需要去制作播放視頻的swf文件,只需要提供一個(gè)Flv視頻文件即可。這也就是我所要說(shuō)的重點(diǎn)。
打開(kāi)插入面板,選擇常用類別,單擊媒體按鈕后的向下箭頭,從下拉列表中選擇“Flash視頻”

彈出的對(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)頁(yè)時(shí)就是4個(gè)文件一起上傳。

第三種方式:
如果你還是覺(jué)得文件比較的多,只要要一個(gè)播放器和一個(gè)Flv文件就了事。那么,借用下Google的這個(gè)swf播放器googleplayer.swf,自己只需要提供flv路徑就可以了,除flv外,googleplayer.swf還支持mp3文件。
具體如何使用google的這個(gè)播放器
以下顯示的則是通過(guò)上面的工具設(shè)置的,采用的Google的播放器。
當(dāng)然,畢竟這個(gè)播放器是Google的,只要通過(guò)URL的參數(shù)選項(xiàng)即可播放相應(yīng)的該視頻文件。
如果能脫離第一、第二種方式,使用第三種方法又不想使用Google的播放器,那只有自己來(lái)寫(xiě)一個(gè)swf播放器了。Danger似乎已經(jīng)完成。
首先說(shuō)下這個(gè)Flash視頻,也就是Flash Video。
為什么要用這個(gè)?很顯然是需要在網(wǎng)頁(yè)中播放視頻。我們都知道一般的視頻文件,要不就是asf格式、wmv格式使用mediaplayer進(jìn)行播放,要不就是rm格式用RealPlayer播放。
這樣的問(wèn)題是,格式的不同就需要選擇不同的播放器,這對(duì)于本地計(jì)算機(jī)沒(méi)有安裝相應(yīng)播放器的用戶來(lái)說(shuō),這些視頻根本無(wú)法收看。
并且,還由于這些文件的容量過(guò)大,下載慢,查看也不很流暢。
所以,解決播放器和容量的問(wèn)題,運(yùn)用Flash有個(gè)方法:將各類視頻文件轉(zhuǎn)換成Flash視頻文件。
播放器有嵌入在瀏覽器中的Flash播放器,這好像每個(gè)人的機(jī)器都有的吧,解決了其它一般視頻文件需要挑選播放器的問(wèn)題,當(dāng)然這也就是Flash的優(yōu)勢(shì)。
容量方面,從FlashMX2004起就支持了轉(zhuǎn)換為Flash視頻的功能,經(jīng)過(guò)相關(guān)設(shè)置后,可縮小原有視頻的容量,最終轉(zhuǎn)換的文件擴(kuò)展名是FLV。
一句話:最終獲得的是個(gè)FLV即Flash視頻文件。
那么Flv文件如何在網(wǎng)頁(yè)中顯示呢?Flv文件也只是視頻文件,它的播放同樣是需要播放器的,而這個(gè)播放器就是FlashPlayer。
第一種方法:
將本地Flv文件導(dǎo)入部署到Flash軟件中,以庫(kù)中元素的形式而存在,將該元素拖入場(chǎng)景,調(diào)整位置后,發(fā)布為swf文件即可。
注意以上文件在本地測(cè)試沒(méi)有問(wèn)題,但上傳到網(wǎng)絡(luò)時(shí),其他瀏覽者是無(wú)法查看的,因?yàn)楫?dāng)前的播放器調(diào)用的是本地Flv文件。
所以,需要調(diào)整路徑。首先需要將Flv文件上傳到某個(gè)網(wǎng)絡(luò)空間,并且獲得其準(zhǔn)確的路徑地址。
其次,打開(kāi)Flash軟件,選擇Flv組件,Alt+F7打開(kāi)“組件檢查器”,將“ContentPath”中的路徑由本地地址替換為網(wǎng)絡(luò)絕對(duì)地址

再來(lái)將該Flash發(fā)布導(dǎo)出swf文件。這時(shí)候才可以任意使用該swf文件,如同插入其他一般Flash文件一樣。
當(dāng)然,此時(shí)還會(huì)有個(gè)播放器控制按鈕相關(guān)的一個(gè)swf文件,記得要附帶著。
第二種方式:
在第二種方式介紹之前,你有沒(méi)有發(fā)覺(jué)第一種方式有點(diǎn)麻煩?因?yàn)槲覀兪切枰獙⒁曨l插入到網(wǎng)頁(yè)的,現(xiàn)在卻需要先制作一個(gè)swf播放器文件,其中還有些曲折。然后再打開(kāi)網(wǎng)頁(yè)編輯器將swf文件插入。
正如我們?cè)诰W(wǎng)頁(yè)中插入Flash按鈕一樣,先要用Flash制作按鈕,然后將該Flash插入到網(wǎng)頁(yè)。但你有沒(méi)有注意到Dreamweaver提供了直接插入Flash按鈕的功能,也就是說(shuō):你不必去制作Flash按鈕,直接通過(guò)DW中該途徑就能很快完成自己的需要。
那么,同樣,現(xiàn)在的Dreamweaver8支持了這一功能:插入Flash視頻
你不需要去制作播放視頻的swf文件,只需要提供一個(gè)Flv視頻文件即可。這也就是我所要說(shuō)的重點(diǎn)。
打開(kāi)插入面板,選擇常用類別,單擊媒體按鈕后的向下箭頭,從下拉列表中選擇“Flash視頻”

彈出的對(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)頁(yè)時(shí)就是4個(gè)文件一起上傳。

第三種方式:
如果你還是覺(jué)得文件比較的多,只要要一個(gè)播放器和一個(gè)Flv文件就了事。那么,借用下Google的這個(gè)swf播放器googleplayer.swf,自己只需要提供flv路徑就可以了,除flv外,googleplayer.swf還支持mp3文件。
具體如何使用google的這個(gè)播放器
以下顯示的則是通過(guò)上面的工具設(shè)置的,采用的Google的播放器。
當(dāng)然,畢竟這個(gè)播放器是Google的,只要通過(guò)URL的參數(shù)選項(xiàng)即可播放相應(yīng)的該視頻文件。
如果能脫離第一、第二種方式,使用第三種方法又不想使用Google的播放器,那只有自己來(lái)寫(xiě)一個(gè)swf播放器了。Danger似乎已經(jīng)完成。
相關(guān)文章
HTML代碼怎么調(diào)整圖片位置? dw任意改變?yōu)g覽器窗口圖片都居中的代碼
HTML代碼怎么調(diào)整圖片位置?dw想要通過(guò)代碼實(shí)現(xiàn)圖片頁(yè)面居中,該怎么實(shí)現(xiàn)呢?下面我們就來(lái)看看dw任意改變?yōu)g覽器窗口圖片都居中的代碼2023-03-06dw怎么給框架加內(nèi)容? Dreamweaver向框架中添加內(nèi)容的技巧
dw怎么給框架加內(nèi)容?dw中創(chuàng)建的框架,想要添加內(nèi)容,該怎么添加呢?下面我們就來(lái)看看Dreamweaver向框架中添加內(nèi)容的技巧2023-03-03dw怎么給魚(yú)片添加邊框線? dreamweaver圖片添加邊框的方法
dw怎么給魚(yú)片添加邊框線?dw中的圖片想要添加內(nèi)邊框,外邊框或者雙邊框,該怎么操作呢?下面我們就來(lái)看看dreamweaver圖片添加邊框的方法2023-03-03HTML怎么角度代碼調(diào)節(jié)一個(gè)角的角度? dw調(diào)節(jié)一個(gè)角的角度代碼技巧
HTML怎么角度代碼調(diào)節(jié)一個(gè)角的角度?dw調(diào)節(jié)一個(gè)角的角度代碼技巧2023-02-23DW2017圖片文字怎么并排排列? HTML圖片/文字并排排列代碼寫(xiě)法
DW2017圖片文字怎么并排排列?DW2017中的圖片和文字想要并列排列,該怎么操作呢?下面我們就來(lái)看看HTML圖片/文字并排排列代碼寫(xiě)法2023-01-29dw有序列表ol怎么用? HTML頁(yè)面添加有序列表ol的教程
dw有序列表ol怎么用? Dreamweaver頁(yè)面中國(guó)的內(nèi)容需要添加列表效果,該怎么添加有序列表呢?下面我們就來(lái)看看HTML頁(yè)面添加有序列表ol的教程2023-01-09banner圖片上添加左右按鈕代碼怎么弄? HTML制作banner按鈕的技巧
banner圖片上添加左右按鈕代碼怎么弄?Dreamweaver做banner的時(shí)候,想要在圖片上添加左右翻頁(yè)按鈕,該怎么設(shè)置呢?下面我們就來(lái)看看HTML制作banner按鈕的技巧2023-01-06- html用代碼制作虛線框怎么做?想要在頁(yè)面中繪制一個(gè)虛線圓形,該怎么制作呢?下面我們就來(lái)看看dw制作虛線圓圈的技巧,詳細(xì)請(qǐng)看下文介紹2022-11-21
Dw怎么撤銷組合鍵? Dw關(guān)閉按control組合鍵顯示新建文檔對(duì)話框的技巧
Dw怎么撤銷組合鍵?Dreamweaver中經(jīng)常會(huì)使用快捷鍵創(chuàng)建新文檔,如果想要關(guān)閉這個(gè)快捷鍵,該怎么操作呢?下面我們就來(lái)看看Dw關(guān)閉按control組合鍵顯示新建文檔對(duì)話框的技巧2022-07-19- Dw2018打開(kāi)只讀文件提示警告怎么辦?Dw2018中打開(kāi)制度文件就會(huì)出現(xiàn)警告,想要關(guān)閉警告,下面我們就來(lái)看看Dreamweaver關(guān)閉打開(kāi)只讀文件時(shí)警告用戶的技巧2022-05-19