Last week I explored how you could get the duration of a HTML5 video. It's an important technique, obviously, but one that may be a bit more important is managing the video's time setting. Both setting and getting the video's time is important when creating a chrome around the video, so let's review how to accomplish this feat.
上周,我探讨了如何获取HTML5视频的时长 。 显然,这是一项重要的技术,但可能更重要的一项是管理视频的时间设置。 在视频周围创建镶边时,设置和获取视频时间都很重要,因此让我们回顾一下如何实现这一壮举。
The first and probably most important part of managing video time state is knowing that video currentTime
is the important attribute. You can retrieve the video's current time with the following:
管理视频时间状态的第一个也是最重要的部分是知道视频currentTime
是重要属性。 您可以使用以下方法检索视频的当前时间:
// https://www.youtube.com/watch?v=Cwkej79U3ek
console.log(video.currentTime); // 25.431747
currentTime
acts as both a getter and a setter, so you can move about the video by setting a value to currentTime
:
currentTime
既充当获取器,也充当设置器,因此您可以通过将值设置为currentTime
来移动视频:
video.currentTime = 0; // Restart
The API is easy enough and the property is self-explanatory. You'll still need to do the "second" math to interpret the time, both inward and outward, but the second unit is as fair as you could expect, so this API is one to be appreciated.
该API非常简单,并且该属性不言自明。 您仍然需要做“第二”数学来解释时间的向内和向外,但是第二个单元正如您期望的那样公平,因此此API是值得赞赏的。