js控制video标签进度跳转

可以使用video标签的currentTime属性来控制视频的进度跳转，例如：

var video = document.getElementById("myVideo");
video.currentTime = 30; // 将视频跳转到第30秒

需要注意的是，视频必须已经加载完成才能进行跳转。

相关问题

vue-video-player自动跳转到上次播放进度

回答: 要实现vue-video-player自动跳转到上次播放进度，你可以使用video-player组件提供的timeupdate事件监听视频播放的时间更新。当时间更新时，你可以将当前的播放时间保存在localStorage中。下次加载页面时，你可以从localStorage中读取上次保存的播放时间，并通过设置video-player组件的currentTime属性将视频跳转到该时间点。具体的实现可以参考以下代码引用：

// 在Vue组件中的代码
<template>
  <div>
    <video-player ref="videoPlayer" @timeupdate="onPlayerTimeupdate"></video-player>
  </div>
</template>

<script>
export default {
  methods: {
    onPlayerTimeupdate(event) {
      const currentTime = event.target.currentTime;
      localStorage.setItem('playbackTime', currentTime);
    },
    playVideo() {
      const playbackTime = localStorage.getItem('playbackTime');
      if (playbackTime) {
        this.$refs.videoPlayer.currentTime = parseFloat(playbackTime);
      }
      this.$refs.videoPlayer.play();
    }
  },
  mounted() {
    this.playVideo();
  }
}
</script>

这个例子中，我们在video-player组件上添加了timeupdate事件的监听器，在事件处理函数中，我们将视频当前的播放时间保存在localStorage中。当页面加载完成后，我们在mounted钩子函数中读取上一次保存的播放时间，并将视频跳转到该播放时间点。

请注意，该例子是基于Vue环境下的实现，如果你是在其他框架或环境中使用vue-video-player，你需要适当调整代码以适应你的环境。

video.js点击进度条事件

在 Video.js 中，您可以使用 `timeupdate` 事件来监听视频播放进度的变化。以下是一个示例代码：

// 获取视频元素
var video = videojs('my-video');

// 监听 timeupdate 事件
video.on('timeupdate', function() {
  // 当视频播放进度发生变化时触发
  // 这里可以编写您想要执行的代码
});

在上面的示例中，`my-video` 是您的视频元素的 ID。您可以根据实际情况进行调整。当视频播放进度发生变化时，`timeupdate` 事件将被触发，您可以在事件处理程序中编写您想要执行的代码。

如果您想要在点击进度条时触发事件，可以使用 Video.js 的 `seeked` 事件。以下是一个示例代码：

// 获取视频元素
var video = videojs('my-video');

// 监听 seeked 事件
video.on('seeked', function() {
  // 当用户点击进度条跳转后触发
  // 这里可以编写您想要执行的代码
});

在上面的示例中，`seeked` 事件将在用户点击进度条并完成跳转后触发，您可以在事件处理程序中编写您想要执行的代码。