在网页中插入Flv视频文件

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

时间: 2024-11-08 17:38:51

在网页中插入Flv视频文件的相关文章

如何在Powerpoint中插入FLV视频

FLV视频全称是flash video,它与Flash不一样,所用的播放器也不一样.为了提升课堂效果,我们在制作课件时,经常会从网上下载各种资源来丰富课件内容.大部分都是FLV格式的视频文件,但很多人却不知道如何插入多媒体软件Powerpoint中.今天,碧波荡漾电脑知识学习网就跟大家分享一下在Powerpoint中实现播放FLV视频文件的成果,主要有两种方法: 1.链接指向法 该方法操作简单.可以做个链接指向影片,点击链接可以跳出窗口播放该影片文件. 2.使用Shockwave Flash 控

Powerpoint中插入FLV视频方法汇总

FLV视频与FLASH不一样的.全称是flash video,所用的播放器也不一样.在制作课件过程中,时常需要从网络上下载各种资源用以丰富课件内容,提升课堂效果.大部分是从优酷.土豆等视频网站下载FLV格式的视频文件,但却无法插入到我们常用的多媒体制作软件Powerpoint中.今天,我给一个学校做课件时遇到过这个问题,特把有关经验讲述一下,与大家分享在Powerpoint中实现播放FLV视频文件的成果. 链接指向法,简单易行 可以做个链接指向影片,点击链接可以跳出窗口播放该影片文件. 用Sho

急!!用dreamweaver在网页中插入flash视频,预览网页中一片空白,是怎么回事?!

问题描述 我想在网页中插入一个flash视频,就像优酷那样,客户端可以控制播放,我选择菜单插入flash视频,但是在浏览器中预览页面上什么都没有,一片空白,这是怎么回事呢? 解决方案 解决方案二:确认你的的flash文件是再本地么,如果是外链,你必须确认外链网站给你的分享地址是否正确!另外,你的电脑也必须装flash插件才可以预览到!

用Dreamweaver8在网页中插入Flash视频

  在 Dreamweaver 的"文档"窗口中打开 l 页面,插入一个三列的表格,在由三列组成的表格的中间一列中放置的图形之上单击一次. 选择"插入">"媒体">"Flash 视频". 在"插入 Flash 视频"对话框中,从"视频类型"弹出式菜单中选择"渐进式下载视频". 关于- 关于 Flash 视频 使用 Dreamweaver 中的"插

在PPT2010中插入网络视频文件

  PowerPoint2010应用范围广泛,各行各业都有人使用.如何将优酷或者土豆等一些视频网站上的视频插入到PowerPoint里面去呢?本小编就来教大家实际的操作方法,你们感受一下. ①打开PowerPoint2010,单击菜单栏--插入--媒体--视频--来自网站的视频. ②然后在网页地址栏输入视频地址,获取html代码. ③将代码粘贴到PowerPoint2010中,确定. ④调整好视频大小,然后单击播放按钮即可进行视频播放了. ⑤为了更加有说服力,我还是截了张图.         注

网页插入flv视频代码,可控制是否自动播放

今天小涛分享一个比较实用的东西:网页插入flv视频代码,可控制是否自动播放  代码如下 复制代码 <object width="500" height="400" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#vers

网页中插入 视频 只带一个中间播放按钮 那怎么做 谢谢

问题描述 网页中插入视频只带一个中间播放按钮那怎么做谢谢

CSS基础:如何在网页中插入CSS

css|插入|网页 如何在网页中插入CSS 前面我们了解了CSS的语法,但要想在浏览器中显示出效果,就要让浏览器识别并调用.当浏览器读取样式表时,要依照文本格式来读,这里介绍四种在页面中插入样式表的方法:链入外部样式表.内部样式表.导入外表样式表和内嵌样式. 1. 链入外部样式表 链入外部样式表是把样式表保存为一个样式表文件,然后在页面中用<link>标记链接到这个样式表文件,这个<link>标记必须放到页面的<head>区内,如下:<head>--<

使用Dreamweaver在网页中插入Flash按钮与文本

dreamweaver|按钮|插入|网页 Flash 的动画按钮能够给网站带来动感,这让不少读者觉得十分有趣,同时也为网站增加了许多访客,其实在 Dreamweaver MX 2004 中只需几步简单的操作,就可以插入 Flash 按钮. 一.在网页中插入Flash 按钮 ( 1 )打开 Dreamweaver MX 2004 软件,新建文件并保存页面.(提示:要保存的文件夹不可以用中文名命名) ( 2 )插入 Flash 按钮并设置参数,如图1.2 所示. ( 3 )保存文件,完成操作.简单的