html5调用flash插件,标准(精简,兼容)调用方式-自动判断平台选择调用Flashplayer还是H5-video-ckplayer使用方法...

该调用方式为常用调用方式,并且是一种比较简单的调用方式,功能方面只保持播放一个普通视频,兼容PC端和移动端。视频格式推荐使用mp4,因为此格式可以兼容大部分的平台(浏览器)。

代码如下:

var flashvars={

f:'http://www.hssme.com/flv/other/1_0.mp4',

c:0

};

var video=['http://www.hssme.com/flv/other/1_0.mp4->video/mp4'];

CKobject.embed('ckplayer/ckplayer.swf','a1','ckplayer_a1','600','400',false,flashvars,video);

Html代码

代码说明:

播放器所在容器(播放器加载后将显示在id="a1"的div容器中)。

引入ckplayer.js,该文件为主要文件,兼容PC和移动端时必需引入

var flashvars={

f:'http://www.hssme.com/flv/other/1_0.mp4',

c:0

};

定义播放器加载(初始化)时要传递的参数,flashvars是一个(对象)变量,该变量主要为PC端的flashplayer所使用。但部分参数也为移动端H5所使用。该变量所有属性的功能及作用请查看本手册中单独的有关该变量的说明(建议了解以下相关内容里有相关链接)。特别说明:f属性仅供pc端使用,如果是多段视频可以用f:'1.flv|2.flv'这样的形式。

var video=['http://www.hssme.com/flv/other/1_0.mp4->video/mp4'];

该变量是一个数组形式。定义了移动端(H5)播放时使用的视频地址,数组结构说明如下:

var video=['视频地址->MIME类型','视频地址->MIME类型','视频地址->MIME类型'];

为什么要定义多个视频地址呢?因为准确的说不同的平台(浏览器)支持不同的视频格式,所以这里可以定义多个不同格式的视频地址。浏览器在播放时第一个视频连接不上时会自动选择链接下面一个视频,直到能播放为止或全部检查完毕为止。

在移动端同时支持使用ajax调用一个网址,再由这个网址里定义视频地址的形式调用。具体的用法请查看本教程里有关于该部分的单独的说明(建议了解以下相关内容里有相关链接)。

CKobject.embed('ckplayer/ckplayer.swf','a1','ckplayer_a1','600','400',false,flashvars,video);

CKobject是用来调用播放器的函数。里面包含了若干(为了便于理解,我们暂且称其为)子函数。embed是其中的一个函数,该函数的作用是在自动判断平台类型(PC端还是移动端)后调用不同类型的播放器(flashplayer还是h5的video),该函数准确的格式说明如下:

CKobject.embed('ckplayer.swf地址[必需]','视频所在容器的ID[必需]','播放器的ID[必需]','宽度[必需,支持具体值以及百分比]','高度[必需,支持具体值以及百分比]]',平台优先选项[false=优先使用flashplayer,true=优先使用h5的video],初始化参数[必需],移动端所使用的地址数组[必需],其它配置[非必需,主要针对flashplayer的配置]);

1.本文章来自:  作者:  ID:651

2.奇秀网(www.51818.net)、奇秀云以不刊登或爆料任何新闻内容,所有内容均为转载,版权归发布者(或发布单位)所有

3.如果涉及侵权请尽快告知,我们将会在第一时间删除。

4.文章观点不代表本网站立场,如需处理请联系客服。本站内容未经允许不得转载,或转载时需注明出处:奇秀网

THE END.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值