vue-video-player 禁用进度条怎么处理

根据提供的引用内容，禁用vue-video-player进度条的处理方法如下：

1. 使用CSS禁用进度条：

.vjs-progress-control {
  pointer-events: none !important;
}

这段CSS代码将禁用进度条的交互功能，使其无法被点击或拖动。

2. 使用JavaScript限制拖动快进快退：

// 获取进度条元素
const progressControl = document.querySelector('.vjs-progress-control');

// 监听鼠标按下事件
progressControl.addEventListener('mousedown', function(event) {
  // 获取拖动前的时间点
  const oldTime = getCurrentTime();

  // 监听鼠标松开事件
  document.addEventListener('mouseup', function(event) {
    // 获取拖动后的时间点
    const newTime = getCurrentTime();

    // 根据需求限制拖动快进快退
    if (newTime > oldTime) {
      // 快进
      if (newTime > maxTime) {
        // 超过最大时间，设置为最大时间
        setCurrentTime(maxTime);
      } else {
        // 在允许范围内，设置为新的时间点
        setCurrentTime(newTime);
      }
    } else if (newTime < oldTime) {
      // 快退
      // 根据需求处理快退逻辑
    }
  });
});

// 获取当前播放时间
function getCurrentTime() {
  // 根据vue-video-player的API获取当前播放时间
  return videoPlayer.currentTime();
}

// 设置播放时间
function setCurrentTime(time) {
  // 根据vue-video-player的API设置播放时间
  videoPlayer.currentTime(time);
}

以上代码使用JavaScript监听进度条的鼠标按下和松开事件，获取拖动前后的时间点，并根据需求限制拖动快进快退的行为。你可以根据具体需求修改代码中的逻辑。