ckplayer记忆播放功能,记录上次播放时间,兼容模式

主要学到了ckplayer里面如何添加监听事件

 

<script type="text/javascript" src="ckplayer/x/ckplayer.js"></script>
<div class="video" style="width: 1000px;height: 600px;"></div>
<script type="text/javascript">
    //操作cookie的对象
    var cookie = {
        set: function(name, value) {
            var Days = 30;
            var exp = new Date();
            exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
            document.cookie = name + '=' + escape(value) + ';expires=' + exp.toGMTString();
        },
        get: function(name) {
            var arr, reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)');
            if(arr = document.cookie.match(reg)) {
                return unescape(arr[2]);
            } else {
                return null;
            }
        },
        del: function(name) {
            var exp = new Date();
            exp.setTime(exp.getTime() - 1);
            var cval = getCookie(name);
            if(cval != null) {
                document.cookie = name + '=' + cval + ';expires=' + exp.toGMTString();
            }
        }
    };
    var videoID = 10; //视频的区分ID,每个视频分配一个唯一的ID
    var cookieTime = cookie.get('time_' + videoID); //调用已记录的time
    //console.log(cookieTime);
    if(!cookieTime || cookieTime == undefined) { //如果没有记录值,则设置时间0开始播放
        cookieTime = 0;
    }
    if(cookieTime > 0) {
        alert('本视频记录的上次观看时间(秒)为:' + cookieTime);
    }
    var videoObject = {
        container: '.videosamplex', //“#”代表容器的ID,“.”或“”代表容器的class
        variable: 'player', //该属性必需设置,值等于下面的new chplayer()的对象
        poster: 'pic/wdm.jpg',
        loaded:'loadHandler',
        video: 'http://img.ksbbs.com/asset/Mon_1703/05cacb4e02f9d9e.mp4' //视频地址,.m3u8也支持   PC
    };
    if(cookieTime > 0) { //如果记录时间大于0,则设置视频播放后跳转至上次记录时间
        videoObject['seek'] = cookieTime;
    }
    var player = new ckplayer(videoObject);
 
    function loadHandler() {
        player.addListener('time', timeHandler); //监听播放时间
        player.addListener('ended', VideoPlayEndedHandler);//监听播放结束
    }
 
    function timeHandler(t) {
        cookie.set('time_' + videoID, t); //当前视频播放时间写入cookie
    }
    function VideoPlayEndedHandler(){//监听视频播放完成
        alert('本视频已结束');
    }
</script>

 

posted @ 2018-09-12 00:53  李晓梦  阅读(4008)  评论(0编辑  收藏  举报