videojs 禁用拖动

要禁用 Video.js 播放器的拖动功能，你可以使用以下方法之一：

1. 使用 CSS：
可以通过为视频元素添加 `pointer-events: none;` 样式来禁用拖动功能。例如：

.video-js .vjs-tech {
  pointer-events: none;
}

2. 使用 JavaScript：
可以使用 Video.js 提供的 API 方法来禁用拖动功能。例如，你可以在播放器初始化之后调用 `player.userActive(false)` 方法来禁用用户交互能力：

var player = videojs('my-video');

player.ready(function() {
  player.userActive(false);
});

这样视频播放器就不会响应用户的拖动事件了。请注意，这只会禁用拖动功能，其他功能如播放、暂停等仍然可用。

相关问题

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` 事件监听器来检查进度条是否被禁用。如果是禁用状态，我们阻止默认行为（防止拖动操作）并显示自定义提示。

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

video.js 禁止拖动进度条

要禁止拖动进度条，你可以使用 video.js 提供的 API 来实现。以下是一种方法：

1. 获取 video.js 的播放器实例，假设你的播放器实例名为 `player`：

var player = videojs('my-video');

2. 使用 `player.controlBar.progressControl` 获取进度条控件的实例：

var progressControl = player.controlBar.progressControl;

3. 使用 `progressControl.disable()` 方法禁用进度条拖动功能：

progressControl.disable();

这样就可以禁止拖动进度条了。请注意，这只是禁止拖动进度条，用户仍然可以通过其他方式改变视频的播放进度。如果需要完全禁用用户操作，你可能需要进一步调整 video.js 的配置或自定义播放器行为。