用flvplayer.swf在网页中播放视频(网页中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或者false
loop: 是否循环播放，值为：true或false
allowFullScreen: 是否允许全屏，值为：true或者false
flashVars: 表示为flash提供的参数，每个参数对的形式例如name=value，每个参数用&分割，例如上面的参数file说明此时播放的是哪个视频文件（其值就是它的地址）。

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

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

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

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

unity 内部嵌入的网页插件中播放视频网页的问题
3D WebView 主要实现在unity 中制作网页浏览器! 3D WebView简单教程地址:unity 内嵌网页简单流程(3D WebView 3.14.1)_云小川的博客-CSDN博客详细教 ...
前端随笔--WEB中播放视频(JS实现)
网页中播放视频已经很常见了,网上也有很多的视频播放插件.因为工作的需要,研究了下视频的播放,但是没有使用其他视频播放的插件(修改起来比较麻烦),自己写了些代码实现了下.下面的代码是使用js实现的,通过 ...
网页上播放视频的免费的播放器_CKPlayer
今天在工作的过程中遇到一个功能:在网页中加入视频播放器,类似于我们经常看到的优酷,爱奇艺等视频网站的功能. ckplayer(官网:http://www.ckplayer.com/)是一款在网页上播放 ...
ue4蓝图节点手册中文_在UE4中播放视频
简介: 在日常使用UE4做项目时,会遇到在UE4里播放视频文件的需求,在UE4中可以使用媒体框架(Media Framework)来实现这一功能.这里介绍两种简单的方法来使用这一功能,分别是在场景里播 ...
在Winform中播放视频等【DotNet，C#】
在项目中遇到过这样的问题,就是如何在Winform中播放视频.当时考察了几种方式,第一种是直接使用Windows Media Player组件,这种最简单:第二种是利用DirectX直接在窗体或者控件 ...
vue3中播放视频和m3u8后缀的视频解决办法
vue3中播放视频和m3u8后缀的视频解决办法 ****必须使用 vue@3.2.2及以上版本使用这个插件 vue3-video-play 官方地址地址链接跳转官方文档文档地址 npm 安装 ...
RecyclerView中播放视频
在很多播放视频的APP中都有在列表中播放视频的效果,当点击播放的时候,在列表中播放,当视频列表滑动出屏幕的时候,就在屏幕的右下角播放.大致效果如下图: 主要思路在和RecyclerView的同级布局 ...
ckplayer支持html5播放吗,移动端（H5）环境中播放视频需要了解的内容-ckplayer使用方法...
移动端(H5)环境中播放视频需要了解的内容虽然HTML5(下面简称:H5)的技术已整体趋于成熟,但在视频播放方面,如果跟pc端的flashplayer对比的话,功能就显的非常简单了.如果你决定要让你 ...
android listview中播放视频，支持全屏
最近在做项目的时候有需求要在 listView 中播放视频,并且支持横竖屏无缝切换,在网上搜索了一下,关于这种 demo真的很少, 有的也只是实现简单的功能,无法满足项目中的需求,想着修改一下凑合用, ...

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

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

最新文章

热门文章