获取和设置HTML5视频当前播放时间的方法
上周我曾介绍过获取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
这个属性非常的简单,而且属性名称都是非常具有自我说明特性的。时间的单位都是按秒计算的,在设置的时候你需要将小时、分钟等转化成秒值。
阅读余下内容