vue-video-player续播

对于vue-video-player的续播功能，你可以通过以下步骤来实现：

1. 在你的Vue组件中，引入vue-video-player组件并注册：

import VideoPlayer from 'vue-video-player';
import 'video.js/dist/video-js.css';
import 'vue-video-player/src/custom-theme.css';

export default {
  components: {
    VideoPlayer,
  },
  // ...
}

2. 在模板中使用vue-video-player组件，并设置相关属性：

<template>
  <div>
    <video-player ref="videoPlayer" :options="playerOptions"></video-player>
  </div>
</template>

3. 在Vue实例的`data`中定义`playerOptions`对象，其中包含视频文件的URL和其他配置：

export default {
  data() {
    return {
      playerOptions: {
        sources: [
          {
            src: 'your_video_url.mp4',
            type: 'video/mp4',
          },
        ],
        // 其他配置选项
      },
    };
  },
  // ...
};

4. 为了实现续播功能，你可以在Vue组件的生命周期钩子`mounted`中获取之前的播放进度，并将其应用到视频播放器中：

export default {
  mounted() {
    const videoPlayer = this.$refs.videoPlayer.$refs.video;
    const currentTime = localStorage.getItem('video_progress');
    if (currentTime) {
      videoPlayer.currentTime = parseFloat(currentTime);
    }

    videoPlayer.addEventListener('timeupdate', () => {
      localStorage.setItem('video_progress', videoPlayer.currentTime);
    });
  },
  // ...
};

以上就是使用vue-video-player实现续播功能的一般步骤，你可以根据实际需求进行调整和扩展。希望能对你有所帮助！