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>