HTML | DOM 视频 currentTime 属性

HTML | DOM 视频 currentTime 属性是一个代表了视频当前播放时间的属性，以秒为单位。可以通过设置该属性来控制视频播放进度。本文将对该属性进行详细介绍。

语法

视频 currentTime 属性的语法如下：

audioOrVideo.currentTime

其中，audioOrVideo 是指需要访问该属性的音频或视频元素。

返回值

视频 currentTime 属性的返回值为 Double 类型的浮点数，表示当前播放时间，以秒为单位。

使用方法

可以使用以下代码示例来获取和设置视频的 currentTime 属性：

const video = document.querySelector('video');

// 获取视频当前播放时间
const currentTime = video.currentTime;

// 设置视频播放时间
video.currentTime = 10;  // 播放时间设置为 10 秒

可以通过在代码中修改 currentTime 属性的值，来控制视频的播放进度。

兼容性

视频 currentTime 属性在大多数浏览器中都有良好的兼容性，在 IE9 及以上版本、Safari、Chrome、Firefox 等现代浏览器中都可以正常使用。

需要注意的是，如果在视频元素未加载完毕时对其 currentTime 属性进行操作，在某些浏览器中可能会导致异常，因此在使用前最好先判断视频元素的加载状态。

总结

通过本文，我们了解了 HTML | DOM 视频 currentTime 属性的详细信息。该属性具有较好的浏览器兼容性，可以用于控制视频的播放进度，为开发视频播放应用提供了便利。