video标签 vue 初始化视频首帧

为了初始化视频的首帧，可以使用`loadedmetadata`事件来监听视频的元数据加载完成。在事件回调函数中，可以通过`HTMLVideoElement`对象的`currentTime`属性将视频的当前时间设置为0，即将视频跳转到第一帧。以下是一个示例代码：

<template>
  <div>
    <video ref="video" @loadedmetadata="handleLoadedMetadata">
      <source src="your_video_url" type="video/mp4">
    </video>
  </div>
</template>

<script>
export default {
  methods: {
    handleLoadedMetadata() {
      this.$refs.video.currentTime = 0;
    }
  }
}
</script>

在上面的代码中，`<video>`标签中的`ref`属性用于获取`HTMLVideoElement`对象的引用，`@loadedmetadata`事件用于监听视频的元数据加载完成，`handleLoadedMetadata`方法用于在事件回调函数中将视频跳转到第一帧。