您的位置:首页 > 其它

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

2015-05-18 09:51 330 查看
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插入还有不少好处(网上介绍的很详细),在此我就不多较口舌了,实话讲我也没有研究多深。
swfobject参数详解/article/5389965.html

但是,此方法只是简单的插入了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,那么就要选定一个播放器了,这里有几款很不错的(看别人的啊),我试了其中两个,觉得都挺不错。/article/2626427.html,调用外用播放器其实就是方便更好的操作视频。
接下来就以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视频方面的事儿了,这个我会在之后写出...
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: