我们在使用html5播放视频时,有时候会因为中途关闭网站或者其他原因网页被关闭,这时候如果我们再次打开之前的视频网站时,希望记录着我们之前看过的视频记录。
我们可以使用video标签的currentTime属性。
设置/获取视频已经播放的时间
video.currentTime //获取视频已经播放的记录 video.currentTime=5 //设置从第5秒开始播放(也就是视频已经播放了5秒)
获取视频总时间
video.duration
计算视频剩下时间
video.duration-video.currentTime
在使用html5的localStorage、sessionStorage或者cookies存储,下次打开就可以记录之前播放视频的了。
关于html5的存储可以参考《web storage和cookie区别以及store.js使用》