vue js获取视频播放时间
时间: 2023-07-18 13:12:55 浏览: 163
获取视频播放时长
你可以使用HTML5 的 video 元素的 timeupdate 事件来获取视频播放的时间。下面是一个简单的示例代码:
```html
<video id="my-video" controls>
<source src="my-video.mp4" type="video/mp4">
</video>
<script>
// 获取 video 元素
const video = document.getElementById('my-video');
// 监听 timeupdate 事件
video.addEventListener('timeupdate', () => {
// 获取当前播放时间并打印到控制台
console.log('当前播放时间', video.currentTime);
});
</script>
```
在上面的示例中,我们首先获取了 video 元素,然后添加了一个 timeupdate 事件监听器。每当视频播放时间发生变化时,该事件会被触发,我们可以通过 video.currentTime 属性来获取当前播放时间,并将其打印到控制台上。
阅读全文