vue 中video.js插件视频播放禁止点击进度条来快进时间

在Vue项目中使用video.js播放器时，如果你想要禁止用户点击进度条进行快进，可以通过修改video.js的配置来实现。具体方法是在video.js的初始化选项中设置`controlBar`相关控件的可见性，将进度条控件设置为不可见或禁用其功能。

下面是一个简单的示例代码，展示如何在Vue组件中使用video.js并禁用进度条控件：

<template>
  <div>
    <video ref="myVideo" class="video-js vjs-default-skin" width="640" height="264">
      <!-- 用于加载视频内容 -->
    </video>
  </div>
</template>

<script>
// 引入video.js的库
import videojs from 'video.js';

export default {
  name: 'VideoPlayer',
  mounted() {
    const player = videojs(this.$refs.myVideo, {
      controls: true,
      controlBar: {
        progressControl: false, // 禁用进度条控件
        // 如果需要保留其他控件，可以在这里进行相应的配置
      }
    });

    // 如果需要在视频加载完成后进一步操作，可以在这里进行
    player.on('loadedmetadata', () => {
      // 视频元数据加载完成后的操作
    });
  }
};
</script>

<style>
/* 在这里添加视频播放器的样式 */
</style>

在上面的代码中，通过设置`controlBar.progressControl`为`false`，我们禁用了进度条控件，这样用户就无法点击进度条进行视频快进了。