获取并设置HTML5视频当前时间

缺乏、安全感 2023-02-22 03:41 1阅读 0赞

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视频的时长][get the duration of a HTML5 video] 。 显然，这是一项重要的技术，但可能更重要的一项是管理视频的时间设置。 在视频周围创建镶边时，设置和获取视频时间都很重要，因此让我们回顾一下如何实现这一壮举。

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是值得赞赏的。

> 翻译自: [https://davidwalsh.name/html5-video-current-time][https_davidwalsh.name_html5-video-current-time]

[get the duration of a HTML5 video]: https://davidwalsh.name/html5-video-duration
[https_davidwalsh.name_html5-video-current-time]: https://davidwalsh.name/html5-video-current-time