网页播放Flash视频尝试的三种方式

本身不是写HTML代码的，但老板突然让解决播放器适配所有浏览器的问题，过程有点难受。

播放视频最开始是使用H5的video标签播放mp4视频，但是不支持IE 9以下的浏览器，找到的解决方案是html5media，但是在不支持video标签的浏览器上需要等待很长时间才播放视频。可能的原因是html5media在不支持video标签的浏览器上使用Flash的方式来播放mp4格式的视频，但是Flash播放mp4视频不能边下边播，所以得等待视频加载完才能开始播放。

最后想采用Flash的方式播放flv格式的视频。尝试了三种方式，虽然都是浅尝辄止，但是记录下来也能起到抛砖引玉的作用。

方式一：Flowplayer Flash

点击跳转官网

用到的文件包括下面三个

flowplayer-3.2.13.min.js
flowplayer.commercial-3.2.18.swf
flowplayer.controls-3.2.16.swf

html代码如下：

<head><script type="text/javascript" src="flowplayer-3.2.13.min.js"></script>
</head>

<div id="page"><div id="player" style="display:block;width:810px;height:456px""> </div>
<script>flowplayer("player", "flowplayer.commercial-3.2.18.swf",{clip:  {                    //播放属性bufferLength:3,autoPlay: true,autoBuffering: true,url:'http://地址/h264.flv',},plugins: {controls: {                //视频控制栏url: 'flowplayer.controls-3.2.16.swf', fontColor: '#ffffff',timeFontColor: '#333333',play:true,volume:true,mute:false,time:true,stop:false,fullscreen:true,scrubber: true,tooltips: {buttons: true,fullscreen: '全屏',play: '播放',pause: '暂停',fullscreenExit : '退出全屏',  },},
},});
</script>
</div>

视频截图

方式二：FLV Player 官网下载

点击跳转官网

需要的文件

player_flv_maxi.swf

html代码如下：

<object type="application/x-shockwave-flash" data="player_flv_maxi.swf" width="810" height="456" ><param name="movie" value="player_flv_maxi.swf" /><param name="allowFullScreen" value="true" /><param name="quality" value="high"><param name="FlashVars" value="flv=http://地址/h264.flv&autoplay=1&autoload=1" /><embed src="player_flv_maxi.swf" allowfullscreen="true" flashvars="vcastr_file=http://地址/h264.flv&autoplay=1&autoload=1" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="810" height="456"></embed></object>

视频截图：

方式三：FLV Player

需要的文件：

flvplayer.swf

代码如下：

<body><object class="" id="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="810" height="456"><param name="movie" value="flvplayer.swf"><param name="quality" value="high"><param name="allowFullScreen" value="true"><param name="loop" value="true"><param name="FlashVars" value="vcastr_file=http://地址/h264.flv&IsAutoPlay=1&IsContinue=1&autoload=1&BufferTime=3"><embed src="flvplayer.swf" allowfullscreen="true" flashvars="vcastr_file=http://地址/h264.flv&IsAutoPlay=1&autoload=1&IsContinue=1" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="810" height="456" loop="true">
</object>

视频截图：

Demo地址

后来还发现了一个开源库flv.js，还没来得及尝试，先记录下来。

网页播放Flash视频尝试的三种方式相关推荐

音视频从入门到精通——FFmpeg 播放器实现音视频同步的三种方式
老人们经常说,播放器对音频和视频的播放没有绝对的静态的同步,只有相对的动态的同步,实际上音视频同步就是一个"你追我赶"的过程. 音视频的同步方式有 3 种,即:音视频分别向系统时钟 ...
三种方式强制删除被拒绝访问的文件夹
本人尝试了三种方式强制删除被拒绝访问的系统文件夹.分别是:更改文件夹属性的访问权限,第三方工具软件,Windows命令takeown和cacls.最后用cacls成功地删除了系统文件夹. 背景: 以前 ...
用HTML5解析SWF演示,没有Flash插件照样播放Flash视频
发表时间:2010-05-03评论数:0 用Flash实现的效果,用HTML5和JS再加上SVG都能够实现.但你相不相信用这些技术竟然能播放Flash的专有格式swf文件? 这个应用的名字是:Gord ...
怎样给视频配音？三种配音方法来助力，简单又方便
怎样给视频配音?三种配音方法来助力,简单又方便为视频配音是每一位做短视频的作者都应当掌握的一个技能,那么今天我们就来一些学习三种配音方法,各有各的好处,也各有各的不足,不过好在都简单又方便. 方法一 ...
html中嵌入播放flash视频
html中嵌入flash视频,SWFObject嵌入的方式网上已经泛滥,这里只介绍一种方式,使用object嵌入的方式.个人使用后很好用,也很简单. 先上一个文件截图再上代码 <div id= ...
短视频如何进行种草？三种方式别忘记，帮你获得用户喜爱
短视频如何进行种草?三种方式别忘记,帮你获得用户喜爱用短视频来进行种草,其实算得上是一个不错的创意,不过,如果想要真正的利用短视频种草,获得更多用户,那么不妨尝试一下以下三种方式,或许可以帮助你获得 ...
android音频开发6,Android 音视频开发(一) : 通过三种方式绘制图片
想要逐步入门音视频开发,就需要一步步的去学习整理,并积累.本文是音视频开发积累的第一篇. 对应的要学习的内容是:在 Android 平台绘制一张图片,使用至少 3 种不同的 API,ImageView ...
视频提取关键帧的三种方式【已调通】
推荐优化后的视频关键帧提取方法,已经包装成工具类,代码做了优化,性能和效果更好. 视频提取关键帧工具类KeyFramesExtractUtils.py,动态支持三种取帧方式,关键参数可配置,代码经过优 ...
视频剪辑完成，应该如何给视频配音？三种配音方法快来学
对短视频来说声音非常重要,因此为视频配音是每一位做短视频的作者都应当掌握的一个技能,我们很多时候看一段视频停不下来,就是因为视频中的bgm或者配音很好听,让我们忍不住把一个视频反复刷很多遍.所以要想视 ...
python 网页爬虫nike_python网络爬虫-爬取网页的三种方式（1）
0.前言 0.1 抓取网页本文将举例说明抓取网页数据的三种方式:正则表达式.BeautifulSoup.lxml. 获取网页内容所用代码详情请参照Python网络爬虫-你的第一个爬虫.利用该代码获取 ...

网页播放Flash视频尝试的三种方式

方式一：Flowplayer Flash

方式二：FLV Player 官网下载

方式三：FLV Player

网页播放Flash视频尝试的三种方式相关推荐

最新文章

热门文章