本日志标题:在网页中插入Flv视频文件        [2006-2-26] Bookmark and Share

Flv视频文件的来源

首先说下这个Flash视频,也就是Flash Video。

为什么要用这个?很显然是需要在网页中播放视频。我们都知道一般的视频文件,要不就是asf格式、wmv格式使用mediaplayer进行播放,要不就是rm格式用RealPlayer播放。

这样的问题是,格式的不同就需要选择不同的播放器,这对于本地计算机没有安装相应播放器的用户来说,这些视频根本无法收看。

并且,还由于这些文件的容量过大,下载慢,查看也不很流畅。

所以,解决播放器和容量的问题,运用Flash有个方法:将各类视频文件转换成Flash视频文件。

播放器有嵌入在浏览器中的Flash播放器,这好像每个人的机器都有的吧,解决了其它一般视频文件需要挑选播放器的问题,当然这也就是Flash的优势。

容量方面,从FlashMX2004起就支持了转换为Flash视频的功能,经过相关设置后,可缩小原有视频的容量,最终转换的文件扩展名是FLV。

一句话:最终获得的是个FLV即Flash视频文件。

那么Flv文件如何在网页中显示呢?Flv文件也只是视频文件,它的播放同样是需要播放器的,而这个播放器就是FlashPlayer。

第一种方法:

将本地Flv文件导入部署到Flash软件中,以库中元素的形式而存在,将该元素拖入场景,调整位置后,发布为swf文件即可。

注意以上文件在本地测试没有问题,但上传到网络时,其他浏览者是无法查看的,因为当前的播放器调用的是本地Flv文件。

所以,需要调整路径。首先需要将Flv文件上传到某个网络空间,并且获得其准确的路径地址。

其次,打开Flash软件,选择Flv组件,Alt+F7打开“组件检查器”,将“ContentPath”中的路径由本地地址替换为网络绝对地址



再来将该Flash发布导出swf文件。这时候才可以任意使用该swf文件,如同插入其他一般Flash文件一样。

测试: http://www.cnbruce.com/flv/13.swf

当然,此时还会有个播放器控制按钮相关的一个swf文件,记得要附带着。

第二种方式:

在第二种方式介绍之前,你有没有发觉第一种方式有点麻烦?因为我们是需要将视频插入到网页的,现在却需要先制作一个swf播放器文件,其中还有些曲折。然后再打开网页编辑器将swf文件插入。

正如我们在网页中插入Flash按钮一样,先要用Flash制作按钮,然后将该Flash插入到网页。但你有没有注意到Dreamweaver提供了直接插入Flash按钮的功能,也就是说:你不必去制作Flash按钮,直接通过DW中该途径就能很快完成自己的需要。

那么,同样,现在的Dreamweaver8支持了这一功能:插入Flash视频

你不需要去制作播放视频的swf文件,只需要提供一个Flv视频文件即可。这也就是我所要说的重点。

打开插入面板,选择常用类别,单击媒体按钮后的向下箭头,从下拉列表中选择“Flash视频”



弹出的对话框中,可使用网络上已经固定的Flv文件地址,还可以是选择浏览本地的Flv文件,但要注意该Flv文件应是你所定义的DW当前该站点中的,以获得相对路径,便于之后所有文件一起上传后,一样能寻找到该文件。

不出所料,设置完毕后,DW8自动生成了FLVPlayer_Progressive.swf播放器文件和Halo_Skin_3.swf控制器皮肤文件。

那么,最后你上传网页时就是4个文件一起上传。



OK,调试个地址看看:http://www.cnbruce.com/flv/

第三种方式:

如果你还是觉得文件比较的多,只要要一个播放器和一个Flv文件就了事。那么,借用下Google的这个swf播放器googleplayer.swf,自己只需要提供flv路径就可以了,除flv外,googleplayer.swf还支持mp3文件。

具体如何使用google的这个播放器,Danger同学介绍了个: http://www.dengjie.com/weblog/comments.asp?post_id=1066

并且还提供了个在线工具 http://dengjie.com/temp/google_player_cn.swf

以下显示的则是通过上面的工具设置的,采用的Google的播放器。



当然,毕竟这个播放器是Google的,只要通过URL的参数选项即可播放相应的该视频文件。

如果能脱离第一、第二种方式,使用第三种方法又不想使用Google的播放器,那只有自己来写一个swf播放器了。Danger似乎已经完成。

我的方法则是把google的该播放器下载了下来,然后放到自己的空间里面 ,接着就来使用了 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




在百度搜索完整的在网页中插入Flv视频文件内容,或者用Google搜索相关的更多内容

By [cnbruce] at 0:25:26 | 评论 [482] | 浏览 [86950] | TrackBack| 返回顶部

About Comments
狼,http://www.cnbruce.com/flv/13.swf
目前这首曲子是?
By [LevyKing] at 2006-2-26 11:03:58
法国MM Alizee/艾莉婕《laislabonita》
By [BRUCE] at 2006-2-26 11:12:51
看来应该把自己的审美方向转向欧美音乐了...:)
By [LevyKing] at 2006-2-27 9:15:29
大哥为什么我把生成的FLV文件放到网络上去无法看到呢...
用FLASH组件加载的时候 也无法加载到.但是文件确实是在服务器上的
在本地是可以使用的
By [woshidianpa] at 2006-3-9 23:38:03
这首歌在我电脑放着呢,过几天就删了,呵呵
By [龙飞凤舞] at 2006-4-18 15:12:33
googlevideo直接拿来播视频是不错,不过播MP3就显得有点浪费了,70几K大的体积
在一个法国网站上看到一款很小巧的flashmp3播放器,只有5k大小,觉得很喜欢,就下了源码,打算和着googlevideo一起用。
http://www.vnt.cn/post/60.html
还有有一次和两个法国网友(一男一女)聊天,说起alizee,他们居然异口同声说i hate her,哈哈~觉得她唱歌很难听,听说她在中国也挺有名的,郁闷地说so bad for the reputation of france~~感觉法国人看她就像我们中很多人看章子仪一样,搞笑~
By [vitas] at 2006-4-27 2:20:31
您好,请问能不能将你第一种方法的那个flash的源文件发给我呢?

mail:
xiaoxh2008@sina.com

不胜感激啊
By [您好] at 2007-1-10 5:48:40
我按照你第2种方法做了!但是我上传那4个文件的时候,只有flv视频文件上传不了,其它3个都可以!还有我想问下你是如何将那4个文件整合成http://www.cnbruce.com/flv/的
By [shanxiang] at 2007-1-12 18:19:59
flv视频文件上传不怎么播放呢?
By [cnbruce] at 2007-1-12 20:21:25
to xiaoxh2008,没有源文件了,操作很简单,在Flash8中按照图中的方法制作就可以了
By [cnbruce] at 2007-1-12 20:23:06
斑竹大人,您好:

我用的第一种方法已实现flv视频文件播放,可是控制条不能显示?我已经把控制条皮肤文件一起上传了,是否DW里还要配置?该如何,请赐教。感激
By [海盗亚伟] at 2007-2-15 14:31:52
另外我发现一个问题,如果直接在地址栏调用flash8生成的swf文件播放,就可以显示控制条皮肤!但在dreamwaver里面插入就会无法调用,很明显,是网页代码问题,应该如何加代码呢?知之者请提醒在下。
By [海盗亚伟] at 2007-2-15 14:50:45
问题解决。

各位遇到同样问题的同学请注意:控制条文件一定要和这个html页面在同个文件夹下!而不是和swf同个文件夹!

找了老半天,终于在Macromedia官网发布的代码中发现,其中一条<para name="samedomain">原来就是原因所在。

花了一个下午的时间,也算值了。
[Edit on 2007-2-15 16:23:13 By 海盗亚伟]
[Edit on 2007-2-15 16:25:21 By 海盗亚伟]
By [海盗亚伟] at 2007-2-15 16:22:14
你好,我比较笨,请帮我一下,我用的第二种方法,在 drw 中操作,生成了两个文件 FLVPlayer_Progressive.swf 和 Corona_Skin_3.swf ,同时 flv 的文件也是存在的,并且是可以播放的 (我说的是在本地用 flv 播放器打开是可以正常播放的),可在网页中设置后,浏览却页面空白,什么都没有显示,只感觉有个 flash 的东西,我想问一下,为什么不能播放啊^
我想是不是我的播放地址不对,然后我放到了网上,
http://www.sxsjtt.com/test/huashan.flv 地址绝对是正确的,可为什么点这个地址时,却说这个地址错误,这是为什么啊?
By [leafsha] at 2007-4-9 11:48:43
By [12312312] at 2008-2-27 2:33:10
111
By [111] at 2008-4-10 16:11:15
hi.你好。
看了你此文:
http://www.cnbruce.com/blog/showlog.asp?log_id=824
我的代码是:<embed
src="http://video.google.com/googleplayer.swf?videoUrl=http://videodownload.oeeee.com/20080826185617234.flv&playerMode=normal"
type=application/x-shockwave-flash width=500 height=400></embed> ,嵌入网页后,播放器能显示,但是按play按钮后视频并不能播放。而改成你的播放器文件后:
<embed
src="http://www.cnbruce.com/flv/googleplayer.swf?videoUrl=http://videodownload.oeeee.com/20080826185617234.flv&playerMode=normal"
type=application/x-shockwave-flash width=500 height=400></embed> ,嵌入网页后,播放器能显示而且视频能正常播放。你的播放器文件:http://www.cnbruce.com/flv/googleplayer.swf跟http://video.google.com/googleplayer.swf 有什么不同吗?能否把你的
googleplayer.swf文件发给我??(直接下载好像下载不了)
不胜感激。我的email:luckypoem#163.com
By [ym] at 2008-9-10 22:27:16
太谢谢你啦,给力,终于把我的问题解决啦~~~
By [薇儿] at 2010-11-23 7:26:20
很感谢啊。。。www.jkhbb.com
By [健康好宝宝] at 2011-8-3 10:38:48
你好有用你的方式上传了前台为什么不能播放呢,楼主急急急请QQ:1643961800
By [stt] at 2012-3-15 14:24:24
вакансии озеленение и благоустройство краснодар
управление благоустройства краснодар
благоустройство в краснодаре
благоустройство территории организации краснодар
благоустройство и озеленение в краснодаре

----------------------
http://благоустройство-краснодар.рф/
By [Asfalt93Ki] at 2018-2-12 13:15:19
Аренда авто в Крыму недорого с подачей в любую точку Крыма. На сайте http://парк777.рф
By [Maximjer] at 2018-2-28 21:39:05
Купить мебель для кухни Одинцово

http://kuhninazakaz.info/page/kupit-mebel-dlya-kuhni-odintsovo/
By [ardMus] at 2018-4-4 13:07:01
Приветствую всех!
Нашел познавательную информацию на этом сайте:
http://watafak.ru :
http://watafak.ru/foto-prikoly-interesnoe/3162-zhineve-van-sinus-v-sunday-times-style.html Жиневье Ван Синус в Sunday Times Style
http://watafak.ru/foto-prikoly-interesnoe/2285-kak-zastavit-rebenka-ne-sdirat-glaznuyu-povyazku.html Как заставить ребенка не сдирать глазную повязку
http://watafak.ru/foto-prikoly-interesnoe/9140-demotivatory-30-foto.html
By [RusselRes] at 2018-4-12 10:36:12
Привет! Класный у вас сайт!
Что скажете по поводу этих новостей?:
http://enewz.ru/politika/20872-rostelekom-reshil-zakupit-piva-na-12-mln-rubley.html "Ростелеком" решил закупить пива на 1,2 млн рублей
http://enewz.ru/news/7557-rosneft-nakopila-na-schetah-i-depozitah-20-mlrd.html
http://enewz.ru/news/12340-nemeckiy-uchenyy-ob-ukraine-nado-razrushat-istoricheskie-mify.html
Ещё тут много интересного: донбасс со спутника http://enewz.ru/
By [MarvinMaync] at 2018-4-12 22:49:31
Приветствую всех!
Нашел прикольные фотки на этом сайте:
http://anubi.ru :
http://anubi.ru/interesnoe/7713-pochemu-krym-stanovitsya-odnorazovym.html Почему Крым становится одноразовым
http://anubi.ru/foto-prikoly-interesnoe/3994-doshirak-2-460204988446973-prodolzhenie-nashumevshego-video.html ДОШИРАК 2 () - Продолжение нашумевшего видео!
http://anubi.ru/foto-prikoly-interesnoe/2505-zemlya-iz-okna-samoleta-v-2014-godu.html
By [Kevinlib] at 2018-5-11 0:17:29
Сезонная распродажа Ray-Ban по ценам производителя
http://bit.ly/2F23Wh1
By [WilliamVof] at 2018-5-11 18:21:44
http://bit.ly/2IH9Q8m Гелевые перчатки и носочки для spa ухода за руками и ногами
Инновационные гелиевые носки и перчатки на основе натуральных компонентов для ухода за кожей рук и ног.
Питают и тонизируют кожу, восстанавливают ее эластичность и упругость, способствуют профилактике грибковых заболеваний.
By [WilliamCit] at 2018-5-17 3:47:03
Сезонная распродажа Ray-Ban по ценам производителя
http://bit.ly/2F23Wh1
By [WilliamVof] at 2018-5-20 15:52:32
Сезонная распродажа Ray-Ban по ценам производителя
http://bit.ly/2F23Wh1
By [WilliamVof] at 2018-5-21 23:10:09


Post a Comment
呢称: 验证码: 
禁止笑脸转换 禁止UBB | 缩放输入框:6 5 | [Ctrl+Enter提交](1000个字符限制)