上周我曾介绍过获取 html5 视频时长的方法. 这是一项在操作 HTML5 视频时经常会用到的技术, 但很容易想到, 还有一种比获取视频时长更有用的操作, 那就是获取或设置视频当前播放的时间点. 这种技术能让我们获取当前已经播放的时间长度, 并且设置当前从哪个时间点开始播放, 下面我们来看看如何完成这样的任务.
HTML5 视频的当前播放时间, 在英文里就是 currentTime, 很容易已经, currentTime 就是 HTML5 视频对象的当前播放时间的属性名称, 下面是对这个属性操作的方法代码:
- // https://www.youtube.com/watch?v=Cwkej79U3ek
- console.log(video.currentTime); // 25.431747
currentTime 既是可读也是可写的属性, 我们可以通过同样的方法来设置视频的 currentTime:
video.currentTime = 0; // Restart
这个属性非常的简单, 而且属性名称都是非常具有自我说明特性的. 时间的单位都是按秒计算的, 在设置的时候你需要将小时, 分钟等转化成秒值.
来源: http://www.webhek.com/post/get-and-set-html5-video-current-time.html