Flash基础入门之用flvplayer.swf在网页中播放视频(网页中flash视频播放的实现)
小标 2018-11-27 来源 : 阅读 1338 评论 0

摘要:本文主要向大家介绍了Flash基础入门之用flvplayer.swf在网页中播放视频(网页中flash视频播放的实现),通过具体的内容向大家展现,希望对大家学习Flash基础入门有所帮助。

本文主要向大家介绍了Flash基础入门之用flvplayer.swf在网页中播放视频(网页中flash视频播放的实现),通过具体的内容向大家展现,希望对大家学习Flash基础入门有所帮助。

         由于公司项目的需求,需要在展示一些信息的时候能够播放视频,拿到这个要求,我就从最简单的媒体播放标签<embed>开始,虽然这个标签确实可以播放事情,但是只能部分浏览器支持,个人感到很郁闷,要是所有浏览器都统一的话,这个问题就很好解决了。后面就追寻插件的解决方案,首先尝试了下media player,用这个插件视频时可以播放,但是只能在ie下播放,还有一切其他插件用起来比较麻烦,在这个就不细说了。
        后来想像优酷等视频网站一样用flash来播放视频(这确实是一个比较合理的方案,flash用户超多),但是不知道该怎么样来弄了,研究了半天优酷用flash播放时怎样弄的,还是没有头绪。经过一番折腾,才知道在网页中嵌入flash视频需要一个flash播放器,这个flash播放器是一个swf文件,在网上搜索了一番,找到一个flvplayer.swf播放器(这个播放器支持大部分的格式),最终视频总算是可以播放了。
要播放视频,需要在html页面中嵌入如下代码:



<object width="460" height="340"  data="/app/flvplayer.swf" type="application/x-shockwave-flash">
<param value="/app/flvplayer.swf" name="movie" />
<param value="always" name="allowScriptAccess" />
<param value="window" name="wMode" />
<param value="true" name="swLiveConnect" />
<param value="false" name="loop" />
<param value="true" name="play" />
<param value="true" name="allowFullScreen" />
<param value="false" name="menu" />
<param value="file=/app/mymovie.flv&showfsbutton=true&autostart=true" name="flashVars" />
</object>
1.关于object标签的属性说明(其它参数请参看w3c的官方文档)


width: 播放器的宽度height: 播放器的高度data:你的flash播放器的位置type: 表示你的插件的类型,值:pplication/x-shockwave-flash表示是一个flash
2.param标签有2个属性,一个是name,一个是value,用来提供一些参数信息,如下:是他的name和value的说明

allowScriptAccess: 是否允许脚本访问,值为:true或者falseloop: 是否循环播放,值为:true或falseallowFullScreen: 是否允许全屏,值为:true或者falseflashVars: 表示为flash提供的参数,每个参数对的形式例如name=value,每个参数用&分割,例如上面的参数file说明此时播放的是哪个视频文件(其值就是它的地址)。
最后在</object>结束之前加上<embed>标签,以保证所有的浏览器都能使用,关于embed的属性请参看官方文档,可以参考object和param标签来进行设置。
最后提供flvplayer.swf下载地址,点击这里下载
由于在插入视频时,是用的fckeditor进行插入的,所以我写了一个fckeditor的插件来完成上面的操作

以上就介绍了Flash的相关知识,希望对Flash有兴趣的朋友有所帮助。了解更多内容,请关注职坐标常用软件Flash频道!

本文由 @小标 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程