网页嵌入flash动画视频的几种方法
2015-05-18 09:51
330 查看
flash被淘汰了吗?个人觉得前景堪忧啊,毕竟现在是html5的天下。只是最近需要用到flash,所以就了解了一下,也查了很多资料,下面是个人的一点小心得(只是简单地介绍下做法)。
其次,在body里写入嵌入的地方
swfobject参数详解/article/5389965.html
但是,此方法只是简单的插入了flash,可是如果需要对flash进行操作呢?比如暂停,播放等呢?虽然右键菜单可以实现这些功能,但仅仅一个右键怎能满足呢?
这个时候有两个思路,我们可以调用别人已经写好的flash播放器,那么这些操作肯定就是播放器已经有了的,这个也是另外一种插入flash的方法,这个我在下面会简单介绍一下。
其实,我们可以用Js来控制flash的,这个网上就应该能够找到官方给出的方法。简单一点,写入一个按钮标签
在flash动画上面浮动一个div,在div上放置一些小图标(比如暂停,播放,前进,后退等),当鼠标驶入flash时,显现这个div,驶出时,隐藏。然后在相应的图标上面来写相应的控制事件。这样是不是有点像个小播放器了呢?
接下来就以flowplayer为例来简单讲解下使用方法吧。
第一步:准备好前提工作,去官网或者其他地方下载flowplayer.js和flowplayer.swf。
第二步:head标签引入flowplayer.js.
第三步:body里写法和js写法有两种,我就简单说其中一种吧
第四步:js写法
sans-serif
到了这里,网页嵌入flash视频已经总结的差不多了,是不是很简单呢,总结的不是太全面,有错误补充什么的,希望大侠们能够积极提出啊!
既然说的是视频,那么就不得不说下当前最流行的html5视频方面的事儿了,这个我会在之后写出...
一.早期做法
有两个标签可以让你来嵌入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视频方面的事儿了,这个我会在之后写出...
相关文章推荐
- 网页中嵌入swf文件的几种方法
- Chrome浏览器中使用 iframe 嵌入网页导致视频不能全屏的问题解决方法
- 收集的几种exe嵌入网页的方法(2)
- 收集的几种exe嵌入网页的方法(3)
- 网页中嵌入flash文件的几种方法
- 收集的几种exe嵌入网页的方法(3)
- 使用HTML5在网页中嵌入音频和视频播放的基本方法
- 收集的几种exe嵌入网页的方法(1)
- 收集的几种exe嵌入网页的方法(2)
- 腾讯视频和优酷视频怎么嵌入网页的方法
- 收集的几种exe嵌入网页的方法(4)
- 收集的几种exe嵌入网页的方法(1)
- 收集的几种exe嵌入网页的方法(5)
- 收集的几种exe嵌入网页的方法(4)
- 收集的几种exe嵌入网页的方法(6)
- 收集的几种exe嵌入网页的方法(5)
- 收集的几种exe嵌入网页的方法(7)
- 关于网页中插入视频的几种方法
- 收集的几种exe嵌入网页的方法(6)
- 【CKplayer】使用CKplayer插件在网页中嵌入视频的方法