如何在网页中插入Flv视频文件
生活随笔
收集整理的這篇文章主要介紹了
如何在网页中插入Flv视频文件
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
首先說下這個(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軟件中,以庫中元素的形式而存在,將該元素拖入場景,調(diào)整位置後,發(fā)佈為swf文件即可。
注意以上文件在本地測試沒有問題,但上傳到網(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ì)地址
再來將該Flash發(fā)佈導(dǎo)出swf文件。這時(shí)候才可以任意使用該swf文件,如同插入其他一般Flash文件一樣。
測試: http://www.cnbruce.com/flv/13.swf
當(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視頻」
彈出的對(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è)文件一起上傳。
OK,調(diào)試個(gè)地址看看: http://www.cnbruce.com/flv/
第三種方式:
如果你還是覺得文件比較的多,只要要一個(gè)播放器和一個(gè)Flv文件就了事。那麼,借用下Google的這個(gè)swf播放器googleplayer.swf,自己只需要提供flv路徑就可以了,除flv外,googleplayer.swf還支持mp3文件。
具體如何使用google的這個(gè)播放器,Danger同學(xué)介紹了個(gè): http://www.dengjie.com/weblog/comments.asp?post_id=1066
並且還提供了個(gè)在線工具 http://dengjie.com/temp/google_player_cn.swf
以下顯示的則是通過上面的工具設(shè)置的,採用的Google的播放器。
程序代碼 http://video.google.com/googleplayer.swf?videoUrl=http%3A%2F%2Fwww%2Ecnbruce%2Ecom%2Fflv%2Flaislabonita%2Eflv&thumbnailUrl=http%3A%2F%2Fwww%2Ecnbruce%2Ecom%2Fblog%2Fimages%2F2006%2D2%2Ejpg&playerMode=normal
當(dāng)然,畢竟這個(gè)播放器是Google的,只要通過URL的參數(shù)選項(xiàng)即可播放相應(yīng)的該視頻文件。
如果能脫離第一、第二種方式,使用第三種方法又不想使用Google的播放器,那只有自己來寫一個(gè)swf播放器了。Danger似乎已經(jīng)完成。
我的方法則是把google的該播放器下載了下來,然後放到自己的空間裡面 http://www.cnbruce.com/flv/googl ... p;playerMode=normal ,接著就來使用了
程序代碼 http://www.cnbruce.com/flv/googleplayer.swf?videoUrl=http%3A%2F%2Fwww%2Ecnbruce%2Ecom%2Fflv%2Flaislabonita%2Eflv&thumbnailUrl=http%3A%2F%2Fwww%2Ecnbruce%2Ecom%2Fblog%2Fimages%2F2006%2D2%2Ejpg&playerMode=normal
為什麼要用這個(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軟件中,以庫中元素的形式而存在,將該元素拖入場景,調(diào)整位置後,發(fā)佈為swf文件即可。
注意以上文件在本地測試沒有問題,但上傳到網(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ì)地址
再來將該Flash發(fā)佈導(dǎo)出swf文件。這時(shí)候才可以任意使用該swf文件,如同插入其他一般Flash文件一樣。
測試: http://www.cnbruce.com/flv/13.swf
當(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視頻」
彈出的對(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è)文件一起上傳。
OK,調(diào)試個(gè)地址看看: http://www.cnbruce.com/flv/
第三種方式:
如果你還是覺得文件比較的多,只要要一個(gè)播放器和一個(gè)Flv文件就了事。那麼,借用下Google的這個(gè)swf播放器googleplayer.swf,自己只需要提供flv路徑就可以了,除flv外,googleplayer.swf還支持mp3文件。
具體如何使用google的這個(gè)播放器,Danger同學(xué)介紹了個(gè): http://www.dengjie.com/weblog/comments.asp?post_id=1066
並且還提供了個(gè)在線工具 http://dengjie.com/temp/google_player_cn.swf
以下顯示的則是通過上面的工具設(shè)置的,採用的Google的播放器。
程序代碼 http://video.google.com/googleplayer.swf?videoUrl=http%3A%2F%2Fwww%2Ecnbruce%2Ecom%2Fflv%2Flaislabonita%2Eflv&thumbnailUrl=http%3A%2F%2Fwww%2Ecnbruce%2Ecom%2Fblog%2Fimages%2F2006%2D2%2Ejpg&playerMode=normal
當(dāng)然,畢竟這個(gè)播放器是Google的,只要通過URL的參數(shù)選項(xiàng)即可播放相應(yīng)的該視頻文件。
如果能脫離第一、第二種方式,使用第三種方法又不想使用Google的播放器,那只有自己來寫一個(gè)swf播放器了。Danger似乎已經(jīng)完成。
我的方法則是把google的該播放器下載了下來,然後放到自己的空間裡面 http://www.cnbruce.com/flv/googl ... p;playerMode=normal ,接著就來使用了
程序代碼 http://www.cnbruce.com/flv/googleplayer.swf?videoUrl=http%3A%2F%2Fwww%2Ecnbruce%2Ecom%2Fflv%2Flaislabonita%2Eflv&thumbnailUrl=http%3A%2F%2Fwww%2Ecnbruce%2Ecom%2Fblog%2Fimages%2F2006%2D2%2Ejpg&playerMode=normal
轉(zhuǎn)載于:https://www.cnblogs.com/Athrun/archive/2008/01/08/1031002.html
總結(jié)
以上是生活随笔為你收集整理的如何在网页中插入Flv视频文件的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 浏览器被hao360劫持解决办法
- 下一篇: 如何在AS/400上发送带有颜色的MES