vue js获取视频总时间

获取视频总时间同样可以使用 HTML5 的 video 元素，可以通过 video 元素的 duration 属性来获取视频的总时间。下面是一个简单的示例代码：

<video id="my-video" controls>
  <source src="my-video.mp4" type="video/mp4">
</video>

<script>
  // 获取 video 元素
  const video = document.getElementById('my-video');

  // 监听 loadedmetadata 事件
  video.addEventListener('loadedmetadata', () => {
    // 获取视频总时间并打印到控制台
    console.log('视频总时间', video.duration);
  });
</script>

在上面的示例中，我们首先获取了 video 元素，然后添加了一个 loadedmetadata 事件监听器。该事件在视频的元数据（比如视频的长度、尺寸等）加载完成后触发，我们可以通过 video.duration 属性来获取视频的总时间，并将其打印到控制台上。