获取和设置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

这个属性非常的简单,而且属性名称都是非常具有自我说明特性的。时间的单位都是按秒计算的,在设置的时候你需要将小时、分钟等转化成秒值。

阅读余下内容
 

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注


京ICP备12002735号