随身笔记
随身笔记

html5记录缓存video视频播放记录

我们在使用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使用

 

随身笔记

html5记录缓存video视频播放记录
我们在使用html5播放视频时,有时候会因为中途关闭网站或者其他原因网页被关闭,这时候如果我们再次打开之前的视频网站时,希望记录着我们之前看过的视频记录。 我们可以使用video标签…
扫描二维码继续阅读
2016-11-04