关于网页在线视频播放器ckplay的部分总结!

最近在搞一个网页部分的在线播放视频空间 

这里暂时用的是ckplay,官网 ckplay.com

去官网下载完成必须的文件,这个官网有介绍,

想要相应的功能,就下载相应的控件


首先要要在页面导入 ckplay.js

<script type="text/javascript"  src="js/ckplayer.js"  charset="utf-8"> </script>

其次要定一个 div         <div id="a1"></div>

然后是flash和html5都可以播放的js代码,

 

//该控件,需要在项目路径里放 需要调用的  ↓↓↓↓↓
  //ckplayer.swf 项目调用的视频组件         crossdomain.xml控件的必要配置文件,不用管他
  //ckplayer.xml  视频组件的一些基本参数,不用管它!  language.xml 语言包配置文件,不用管他
  //style.swf 视频的皮肤和功能调整,需要调整的时候,改文件后缀为zip,解压,进入里面的style.xml进行修改,里面有注释,改完修改成swf(播放,前进后退,分享,广告,开关灯等功能)
  //ckplayer.js 控件对应功能需要调用的JS
 
  //播放控件的监听事件,同时针对flash和html5  很多代码不需要动,直接复制粘贴,修改的话,改几个参数就好了,
  function loadedHandler() {   
            if (CKobject.getObjectById('ckplayer_a1').getType()) {//说明使用html5播放器
                addPlayListener();   //监听的方法
            }
            else {    //说明使用flash播放器
                addPlayListener();
            }
        }
        
   function timeHandler(t) {   //取出播放时间,存入cookie
            if (t > -1) {
                SetCookie("Time", t);
            }
        }
  function addPlayListener() {//增加播放监听
            if (CKobject.getObjectById('ckplayer_a1').getType()) {//说明使用html5播放器
                CKobject.getObjectById('ckplayer_a1').addListener('play', playHandler);//给视频播放增加监听时间playHandler
            }
            else {
                CKobject.getObjectById('ckplayer_a1').addListener('play', 'playHandler');
            }
        }
   function playHandler() {
            //alert('因为注册了监听播放,所以弹出此内容,删除监听将不再弹出');
            removePlayListener();  //首先删除监听,再取出cookie里存的时间,增加关闭页面时的监听
            CKobject.getObjectById('ckplayer_a1').videoSeek(getCookie("Time"));
            addTimeListener();
        }
  function removePlayListener() {//删除播放监听事件
            if (CKobject.getObjectById('ckplayer_a1').getType()) {//说明使用html5播放器
                CKobject.getObjectById('ckplayer_a1').removeListener('play', playHandler);
            }
            else {
                CKobject.getObjectById('ckplayer_a1').removeListener('play', 'playHandler');
            }
        }
  function addTimeListener() {//增加时间监听
            if (CKobject.getObjectById('ckplayer_a1').getType()) {//说明使用html5播放器
                CKobject.getObjectById('ckplayer_a1').addListener('time', timeHandler);
            }
            else {
                CKobject.getObjectById('ckplayer_a1').addListener('time', 'timeHandler');
            }
        }
        //写cookies函数
   function SetCookie(name, value)//两个参数,一个是cookie的名子,一个是值
        {
            var Days = 30; //此 cookie 将被保存 30 天
            var exp = new Date(); //new Date("December 31, 9998");
            exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
            document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
        }
   function getCookie(name)//取cookies函数
        {
            var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
            if (arr != null)
            var a = unescape(arr[2]);
           
            if(a>0){ 
            $("#endtime").text("本次将继续上次继续播放");
           
             return a; 
             return null;
        }
  var flashvars = {  //播放组件的初始化参数  不用改,直接写就可以
    f: 'mao.flv',
    c: 0,
    p: 2,
    b: 0,
    loaded: 'loadedHandler'
  };
   var video=['http://mao.flv->video/mp4'];   //播放视频的地址   可自定义!
    CKobject.embed('ckplayer.swf','player','ckplayer_a1','600','400',false,flashvars,video);
    //控件加载时的参数:调用的播放组件,组件div的id,死参数,长,宽,false默认调用false播放器,初始化参数,视频地址
    
    function time1(){  
 
  CKobject.getObjectById('ckplayer_a1').playOrPause();
 
  }

你可能感兴趣的:(关于网页在线视频播放器ckplay的部分总结!)