zoukankan      html  css  js  c++  java
  • ckplayer记忆播放功能,记录上次播放时间,兼容模式

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

    <script type="text/javascript" src="ckplayer/x/ckplayer.js"></script>
    <div class="video" style=" 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>
  • 相关阅读:
    Linux如何对文件内容中的关键字进行查找
    Gitlab如何进行备份恢复与迁移?
    Centos7上传文件和下载文件命令
    Linux下如何查看系统启动时间和运行时间
    您应该知道的35个绝对重要的Linux命令
    rabbitMq可靠消息投递之交换机备份
    rabbitMq可靠性投递之配置(消息至交换机,至队列不通的回调)
    springcloud超时重试机制的先后顺序
    mysql 8.0 1405的坑
    linux安装mysql8.0
  • 原文地址:https://www.cnblogs.com/MuZi0627/p/9631913.html
Copyright © 2011-2022 走看看