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

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

 一.早期做法

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

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

首先,在网上下载swfobject.js的类库,在head标签中包括。
	 <script src="assets/lib/js/jquery.js"></script>
		

     <!--flash动画-->
	<script src="assets/lib/js/movive/swfobject.js"></script>

其次,在body里写入嵌入的地方
<div id="myContent">       
               <p>无法播放动画!</p>  
</div>
最后js动态插入
<script type="text/javascript">     
 //swfobject.embedSWF("assets/flash/flash3.swf", "myContent", "300", "120", "9.0.0"); 

	var params = {
	  menu: "true",
	  play:"true",
	  loop:"true",
	  scale:""  //exactfit  noborder
	};
	 
 	swfobject.embedSWF("assets/flash/flash3.swf", "myContent", "400", "450", "9.0.0",
			"assets/lib/js/movive/expressInstall.swf",null, params);
	
</script> 
很简单吧,仅仅需要少量的代码就能够实现flash动画的插入,而且用swfobject插入还有不少好处(网上介绍的很详细),在此我就不多较口舌了,实话讲我也没有研究多深。
但是,此方法只是简单的插入了flash,可是如果需要对flash进行操作呢?比如暂停,播放等呢?虽然右键菜单可以实现这些功能,但仅仅一个右键怎能满足呢?
这个时候有两个思路,我们可以调用别人已经写好的flash播放器,那么这些操作肯定就是播放器已经有了的,这个也是另外一种插入flash的方法,这个我在下面会简单介绍一下。
其实,我们可以用Js来控制flash的,这个网上就应该能够找到官方给出的方法。简单一点,写入一个按钮标签
<button onClick="playStop()"></button>
写入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.
<script type="text/javascript" src="flowplayer-3.2.13.min.js"></script>

  第三步:body里写法和js写法有两种,我就简单说其中一种吧
<a  
			 href="http://test.f-mail.cn/assets/flash/flash3.swf"// 视频路径
			 style="display:block;width:520px;height:330px"  
			 id="player"> 
		</a> 
特别要注意的是,这个视频路径如果是本地的话可能就不行了。而且swf格式的和flv格式的显示效果会有点不同。这个大家可以自己去测试。
第四步:js写法
<script>
		flowplayer("player", "flowplayer-3.2.18.swf");//第一个参数是<a>标签的id,第二个是flowplayer播放器,这个路径本地可以
</script>

sans-serif

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

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


 




  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值