CKplayer 用法

CKplayer 用法


  • 首先引入文件
<div id="a1"></div>
<script type="text/javascript" src="ckplayer/ckplayer.js" charset="utf-8"></script>
var flashvars = {
                f: url,  // 视频地址/网页地址
                c: 0,    // 调用配置方式,0:调用ckplayer.js,1:调用ckplayer.xml(默认)
                b: 1,    // 是否允许js和播放器交互,1是不允许,0是允许(默认)
                p: 1,    // 默认是否播放/不加载视频,0:默认暂停,1:默认播放,2:默认不加载视频
                x: 0     // 配置文件路径,0:ckstyle,即调用function ckstyle(),1:ckplayer.xml
            };
        
            if (type == 'mp4') {
                // 调用html5播放器用到的
                var video=[url + '->video/mp4'];
                var support=['all'];
                CKobject.embedHTML5('a1','ckplayer_a1',768,400,video,flashvars,support);
                CKobject.videoSeek(time.start);
                CKobject.addListener('time', timeHandler);
            } else {
                var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always',wmode:'transparent'};
                CKobject.embedSWF('vendor/ckplayer/ckplayer.swf','a1','ckplayer_a1','768','400',flashvars,params);
                // /* CKobject.embedSWF(播放器路径,容器id,播放器id/name,播放器宽,播放器高,flashvars的值,其它定义也可省略);
            }
  • 其中如果是MP4
CKobject.embedHTML5('a1','ckplayer_a1',768,400,video,flashvars,support);
分别是容器id,播放器id,宽,高,flashvars的值,其他定义
  • 如果不是
 CKobject.embedSWF('vendor/ckplayer/ckplayer.swf','a1','ckplayer_a1','768','400',flashvars,params);
 // /* CKobject.embedSWF(播放器路径,容器id,播放器id/name,播放器宽,播放器高,flashvars的值,其它定义也可省略);

其中我用到了两个api,一个是seek(跳转播放点),一个是事件监听

    CKobject.videoSeek(time.start);
    CKobject.addListener('time', timeHandler); //这里监听的是播放时间
    function timeHandler (t) {
                if (t >= time.end) {//监听事件的内容
                    CKobject.videoPause();
                }
            }

其他的详细用法可以去官方手册查询。ck官方手册

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Eighteen Z

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值