最近在项目(方案大赛)中需要保存学习进度,用户再打开页面时会从上次的视频进度继续观看。我们使用了video.js,在PC浏览器和安卓手机上均可以跳转,但是苹果手机很顽固的从头开始了呢……
后来我们在 init video.js中写了 canplay方法
this.on("canplay", function() {
if (!playerArr[index].ifsaw) {//这是我们自己写的变量,用于标记这是当前第一次观看
// 第一次观看跳转到指定位置 安卓和PC可以在play中进行判断。但是苹果无法跳转到指定位置。因为获取的duration是NaN
playerArr[index].ifsaw = true;
let _time = Math.ceil(parseInt(playerArr[index].current) * xyplayer.duration() * 0.01);
xyplayer.currentTime(_time);//有用的是这个
}
});