用flvplayer.swf在网页中播放视频(网页中flash视频播放的实现)

原：http://blog.csdn.net/ricciozhang/article/details/46868201

由于公司项目的需求，需要在展示一些信息的时候能够播放视频，拿到这个要求，我就从最简单的媒体播放标签<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或者false
• loop: 是否循环播放，值为：true或false
• allowFullScreen: 是否允许全屏，值为：true或者false
• flashVars: 表示为flash提供的参数，每个参数对的形式例如name=value，每个参数用&分割，例如上面的参数file说明此时播放的是哪个视频文件（其值就是它的地址）。

最后在</object>结束之前加上<embed>标签，以保证所有的浏览器都能使用，关于embed的属性请参看官方文档，可以参考object和param标签来进行设置。

最后提供flvplayer.swf下载地址，点击这里下载

由于在插入视频时，是用的fckeditor进行插入的，所以我写了一个fckeditor的插件来完成上面的操作，下载地址在这里点击这里下载