给Dplayer增加记忆播放,断点续播

ckplayer有个记忆播放功能,记录上次播放时间,可以序点播放:http://www.ckplayer.com/sampleX/cookie.html
ckplayer 用的人挺多的flash 和 html5 video 相结合 ,是个很实用的网页播放器,不过至从google发布将摒弃 FLASH 后,html5 video播放器肯定就是个趋势了。
html5 video 播放器网络上也有很多,目前大部分站长用的一般也就是 Dplayer 了,今天正好在做一个Dplayer 的一个记录上次播放时间,序点播放 的功能,就顺便在此记录下了。

参考的ckplayer ,其他播放器想来也是一样的

代码如下

var cookie = {
        set: function(name, value) {
                var Days = 1;
                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 = '地址1';//设置一个视频的id (唯一,可以设置为页面地址,可用md5)
        var cookieTime = cookie.get('time_' + videoID);
        if(!cookieTime || cookieTime == undefined) {
                cookieTime = 0;
        }

          
var dp = new DPlayer({
  //..........dplayer 相关设置,此处就省略啦
});

if(cookieTime > 0) { //如果记录时间大于0,则设置视频播放后跳转至上次记录时间
                dp.seek(cookieTime);
}

dp.on('timeupdate', function () {
    cookie.set('time_' + videoID, dp.video.currentTime);
});

转载自:https://www.h2sheji.com/art/24.html

转载请注明出处,多谢!
THE END
分享
二维码
< <上一篇
下一篇>>