网页嵌入flash动画视频的几种方法

   flash被淘汰了吗?个人觉得前景堪忧啊,毕竟现在是html5的天下。只是最近需要用到flash,所以就了解了一下,也查了很多资料,下面是个人的一点小心得(只是简单地介绍下做法)。

 一.早期做法

     有两个标签可以让你来嵌入flash:object和embed。但是这两个标签的使用,不管是两次烹饪法还是嵌套object法或者是纯标签的直接使用,都有很多不足之处。(这个网上已经有很多大侠解释的很清楚,想了解的可以查一下)

二.用 swfObject动态嵌入flash内容.

首先,在网上下载swfobject.js的类库,在head标签中包括。
	 
		

     
	

其次,在body里写入嵌入的地方

无法播放动画!

最后js动态插入
 
很简单吧,仅仅需要少量的代码就能够实现flash动画的插入,而且用swfobject插入还有不少好处(网上介绍的很详细),在此我就不多较口舌了,实话讲我也没有研究多深。
swfobject参数详解 http://www.cnblogs.com/zmphper/p/3678640.html
但是,此方法只是简单的插入了flash,可是如果需要对flash进行操作呢?比如暂停,播放等呢?虽然右键菜单可以实现这些功能,但仅仅一个右键怎能满足呢?
这个时候有两个思路,我们可以调用别人已经写好的flash播放器,那么这些操作肯定就是播放器已经有了的,这个也是另外一种插入flash的方法,这个我在下面会简单介绍一下。
其实,我们可以用Js来控制flash的,这个网上就应该能够找到官方给出的方法。简单一点,写入一个按钮标签
写入js
 function playStop(){
	   if(myContent.IsPlaying()){ //判断是否在播放状态,返回布尔值
		   myContent.StopPlay();//停止播放
		
		   }else{
			   
			   myContent.Play();//播放

			   }
	   }
在外面写专门的按钮来控制总是显得有点怪怪的,如果你是个强迫症,可以这样实现:
在flash动画上面浮动一个div,在div上放置一些小图标(比如暂停,播放,前进,后退等),当鼠标驶入flash时,显现这个div,驶出时,隐藏。然后在相应的图标上面来写相应的控制事件。这样是不是有点像个小播放器了呢?

三.flash网页播放器来嵌入flash

既然用外用播放器来嵌入flash,那么就要选定一个播放器了,这里有几款很不错的(看别人的啊),我试了其中两个,觉得都挺不错。http://blog.csdn.net/freshlover/article/details/8934357,调用外用播放器其实就是方便更好的操作视频。
接下来就以flowplayer为例来简单讲解下使用方法吧。
第一步:准备好前提工作,去官网或者其他地方下载flowplayer.js和flowplayer.swf。
第二步:head标签引入flowplayer.js.

  第三步:body里写法和js写法有两种,我就简单说其中一种吧
 
		 
特别要注意的是,这个视频路径如果是本地的话可能就不行了。而且swf格式的和flv格式的显示效果会有点不同。这个大家可以自己去测试。
第四步:js写法

sans-serif

到了这里,网页嵌入flash视频已经总结的差不多了,是不是很简单呢,总结的不是太全面,有错误补充什么的,希望大侠们能够积极提出啊!

既然说的是视频,那么就不得不说下当前最流行的html5视频方面的事儿了,这个我会在之后写出...


 




你可能感兴趣的:(前端,网页嵌入flash视频,swf格式视频嵌入,flv格式视频嵌入,flash,swfobject)