在ckplayer实现把视频进度添加到数据库中,实现清除缓存、cookie也可以从最后播放的位置开始播放

var videoObject = {
container: ‘.videosamplex’,//“#”代表容器的ID,“.”或“”代表容器的class
variable: ‘player’,//该属性必需设置,值等于下面的new chplayer()的对象
autoplay:true,//自动播放
loaded:‘loadHandler’,
video: list_url,//视频地址
};
if(cookieTime > 0) { //如果记录时间大于0,则设置视频播放后跳转至上次记录时间
videoObject[‘seek’] = cookieTime;
}
player=new ckplayer(videoObject);

//记忆播放功能–start

function loadHandler() {
    player.addListener('time', timeHandler); //监听播放时间
    player.addListener('ended', VideoPlayEndedHandler);//监听播放结束
}

var t1=0;
function timeHandler(t) {
    cookie.set('time_' + videoID, t); //当前视频播放时间写入cookie
    t1=t;
    player.addListener('pause', Pause);  //这个作用是监听视频暂停 Pause()主要是用来监听到暂停时需要采取的行为


}

function VideoPlayEndedHandler(){//监听视频播放完成
    //更新状态为2 表示已完成!
    var data={"djpx_video_play_id": djpx_video_play_id};
    $.ajax({
        type: 'POST',//方法类型
        dataType: "json",//预期服务器返回的数据类型
        url: webUrl+'/djpx_video/changestate2',//url
        contentType: "application/json; charset=utf-8",
        data: JSON.stringify(data),
        async:false,
        beforeSend: function(xhr) {
            //alert(token);
            token = window.localStorage.getItem('token');
            xhr.setRequestHeader("Authorization",token);
        },
        success: function (result) {
            if (result.code == 200) {
                if(urlArray==""){
                    $("#state_name_0").html("<p style='color: seagreen'>已看完</p>");
                }else{
                    $("#"+state_name_id+"").html("<p style='color: seagreen'>已看完</p>");
                    urlArray="";
                }

            }
            else {
                alert(result.message);
            }
            ;
        },
        error: function () {
            alert("操作失败");
        }
    });

    //视频播放完毕 更新表中视频进度
    Pause();


}

//监听视频暂停和播放完成时时---更新进度表Pause
function Pause(){
    var data={"djpx_video_play_id": djpx_video_play_id,"play_schedule":t1};
    $.ajax({
        type: 'POST',//方法类型
        dataType: "json",//预期服务器返回的数据类型
        url: webUrl+'/djpx_video/addPlaySchedule',//url
        contentType: "application/json; charset=utf-8",
        data: JSON.stringify(data),
        async:false,
        beforeSend: function(xhr) {
            token = window.localStorage.getItem('token');
            xhr.setRequestHeader("Authorization",token);
        },
        success: function (result) {
            if (result.code == 200) {


            }
            else {
                alert(result.message);
            }
            ;
        },
        error: function () {
            alert("操作失败");
        }
    });
}



//end

//从数据库中读取保存的进度,就算cookie已经被清除还是会从之前最后播放的位置开始播放
var cookieTime = cookie.get(‘time_’ + videoID); //调用已记录的time
if(!cookieTime || cookieTime == undefined) { //如果没有记录值,则设置时间0开始播放
cookieTime =0;
//alert(cookieTime);
}
if (cookieTime==0){//这个playSchedule是从数据库中取出来的值–当cookieTime的值没有数据时才会用数据库中取出数据来填入cookieTime
$.ajax({
type: ‘POST’,//方法类型
dataType: “json”,//预期服务器返回的数据类型
url: webUrl+’/djpx_video/findPlaySchedule’,//url
contentType: “application/json; charset=utf-8”,
data: JSON.stringify({“djpx_video_play_id”: videoID}),
async:false,
beforeSend: function(xhr) {
//alert(token);
token = window.localStorage.getItem(‘token’);
xhr.setRequestHeader(“Authorization”,token);
},
success: function (result) {
if (result.code == 200) {
cookieTime=result.data.playSchedule;
//alert(cookieTime);

                                }
                                else {
                                    alert(result.message);
                                }
                                ;
                            },
                            error: function () {
                                alert("操作失败");
                            }
                        });
                    }
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 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.jssetup属性的第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.jsckplayer.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、付费专栏及课程。

余额充值