video.js进度条被禁用，点击进度条提示‘进度条已被禁用。无法拖动’

要禁用 Video.js 的进度条并显示自定义提示，您可以使用以下步骤：

1. 首先，使用 CSS 将进度条的样式更改为禁用状态。您可以通过添加 `disabled` 类来实现这一点。例如：

.video-js .vjs-progress-control.disabled {
  pointer-events: none;
  opacity: 0.5;
}

上述 CSS 代码将禁用进度条并将其不透明度设置为 0.5。

2. 接下来，在 JavaScript 中，您需要监听进度条的点击事件，并显示自定义提示。以下是一个示例代码：

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

// 获取进度条元素
var progressControl = video.controlBar.progressControl;

// 监听进度条点击事件
progressControl.on('mousedown', function(event) {
  // 检查进度条是否被禁用
  if (progressControl.hasClass('disabled')) {
    // 阻止默认行为
    event.preventDefault();
    // 显示自定义提示
    alert('进度条已被禁用。无法拖动');
  }
});

在上面的示例中，我们首先获取视频元素，并获取进度条元素。然后，我们使用 `mousedown` 事件监听器来检查进度条是否被禁用。如果是禁用状态，我们阻止默认行为（防止拖动操作）并显示自定义提示。

请注意，上述示例代码只是一个基本的示例，您可以根据自己的需求进行修改和扩展。