网页中播放flash视频

使用flowplayer播发器,很轻松的实现在网页中播发flash格式的视频文件。

下载地址:http://flowplayer.org/download/index.html

 

主要有三个文件:

flowplayer-3.2.7.swf:用于播放器主体的flash文件

flowplayer.controls-3.2.5.swf:控制条文件,是个可选的插件

flowplayer-3.2.6.min.js:播放器的api文件,也用来装载整个播放器

 

接下来正式开始:

1、在播放视频的也没引用 flowplayer-3.2.6.min.js

<script src="@Url.Content("../../Scripts/flowplayer-3.2.6.min.js")" type="text/javascript"></script> (本人使用的是asp.net mvc3)

<script src="../../Scripts/flowplayer-3.2.6.min.js" type="text/javascript"></script>

 

2、使用<a>标签设置播放视频

<a 
    href="http://pseudo01.hddn.com/vod/demo.flowplayervod/flowplayer-700.flv"
    style="display:block;width:322px; height:258px;" 
    id="player">
  </a>

 

3、在<a>标签的下面设定如下脚本:

<script>
    flowplayer("player", "../../FlowPlayer/flowplayer-3.2.7.swf",  { clip: { autoPlay: false, autoBuffering: true} });
</script>

player为<a>的Id,autoPlay: false 设置是否自动播放,默认为true;autoBuffering:true 设置自动缓冲 ; 设置为true时,可以让播放器在播放前加载第一帧,可做封面用。

 

 

官网参考:http://flowplayer.org/documentation/configuration/

截止发表时,官方网站打不开

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值