关于网页在线视频播放器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();
 
  }

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ckplayer是一款在网页上播放视频的免费的播放器,功能强大,体积小巧,跨平台,使用起来随心所欲。 <p>CKplayer播放器主要以adobe的flash(所使用的版本是CS5)平台开发,所以在支持flash插件的平台和浏览器上都可以使用,而无需下载其它插件,如果你需要修改完整版里提供的相关的flash源文件,请使用adobe的flash cs5以上版本打开源文件修改。</p><p>ckplayer同时也支持html5的视频播放,即同时可以在Ipad,Iphone等IOS平台上播放视频,并且只需简单代码就可以使用,无需了解html5插入视频的方法。</p><p>软件在对各平台的兼容性方面适应性比较强,比如你可以设置在Android平台或wp平台上在用户已安装flash插件的时候使用flash播放器,在没有装flash插件的情况下使用html5播放器。</p><p>ckplayer是一种前台使用的程序,不涉及到服务器程序(asp,php,jsp,.net),也不涉及到对服务器的操作(即不需要写入权限),所以不存在安全方面的问题。同时可以集成在任何程序中,包括asp,php,jsp,.net以及其它支持插入flash的环境中。</p><p>功能列表:</p><p>兼容SWF/HTML5跨平台播放</p><p>支持流行视频格式flv,f4v,mp4,</p><p>支持html5格式m3u8,webm,ogg theora,mp4</p><p>支持RTMP协议下的视频直播和回放</p><p>支持前置广告(swf,图片,视频)</p><p>支持前置广告多个随机/顺序播放</p><p>支持暂停广告(swf,图片)多个随机播放</p><p>支持缓冲广告,小窗口广告,滚动文字广告</p><p>支持多达6种形式的视频地址调用方式</p><p>支持多段视频无缝播放,支持多集连播</p><p>支持视频预览功能</p><p>自定义提示点功能,跳过片头片尾功能</p><p>bshare完美视频分享功能</p><p>调节视频尺寸,亮度,对比度,色相,饱和度功能</p><p>支持播放结束显示精彩视频推荐</p><p>支持自定义播放器界面,无需了解程序,即可自己制作出风格</p><p>支持js和播放器的互动操作,可以任意控制播放器的动作,比如暂停/播放</p><p>丰富的api接口,快速打造功能强大的插件</p><p> </p><p>CKplayer-超酷网页视频播放器 v6.8 更新日志: </p>一:修复Bug 1:修复了已知的bug 2:修正了html5中监听time的错误 3:新加了几个交互函数 4:风格设置里增加了提示文本底色及圆角的功能 二:增加功能 1:增加了全屏模式下启用键盘输入的功能,设置方法分二步:调用代码var flashvars={}里增加fs:'1',以及var params={}里增加allowFullScreenInteractive:true 2:增加了在播放器内显示文本元件的功能。 3:增加了新的调用视频地址的方式:json调用。 感谢各位朋友对ckplayer的支持,在本次升级中,许多朋友提供了好的建议,虽然因为考虑到大部分用户的需求后决定一些功能没有对其进行更改。 6.7升级至6.8的方法 1:替换ckplayer.swf 2:替换ckplayer.js中的315行((function() {)及以下的所有内容 3:ckplayer.js中setup属性的第21个值在正式使用时设置成0 4:language.xml里增加了控制提示文字的样式:{font color='#FFFFFF' face='Microsoft YaHei' size='16'}[$prompt]{/font} 5:languae.xml里增加了新版默认风格里的设置的提示文本样式:{font color='#FFFFFF' face='Microsoft YaHei,\u5fae\u8f6f\u96c5\u9ed1' size='14'}设置{/font} (也可以直接替换掉languae.xml) 6:如果要使用新的风格,需要替换掉目前的style.swf,并同时删除ckplayer.js中和ckplayer.xml中安装的插件代码。详细的可以对照新的ckplayer.js中的: function ckcpt() {   var cpt = '';   return cpt; } 以及ckplayer.xml中的的节点
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值