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>
  • 相关阅读:
    结巴分词 0.14 版发布,Python 中文分词库
    Lazarus 1.0.2 发布,Pascal 集成开发环境
    Android全屏 去除标题栏和状态栏
    服务器日志现 Android 4.2 传将添多项新特性
    Percona XtraBackup 2.0.3 发布
    长平狐 Android 强制设置横屏或竖屏 设置全屏
    NetBeans 7.3 Beta 发布,全新的 HTML5 支持
    CppDepend现在已经支持Linux
    GromJS 1.7.18 发布,服务器端的 JavaScript
    Apache OpenWebBeans 1.1.6 发布
  • 原文地址:https://www.cnblogs.com/MuZi0627/p/9631913.html
Copyright © 2011-2022 走看看