html5 video进度条禁止拖动如何解决

可以通过监听video的timeupdate事件，在事件回调函数中设置当前时间为进度条的值，从而禁止用户拖动进度条。

示例代码如下：

var video = document.getElementById('my-video');
var progressBar = document.getElementById('progress-bar');

video.addEventListener('timeupdate', function() {
  // 禁止进度条拖动
  progressBar.value = video.currentTime;
});

在上面的代码中，`my-video`是视频元素的ID，`progress-bar`是进度条元素的ID。在事件回调函数中，`progressBar.value`被设置为`video.currentTime`，这样进度条的值就会随着视频播放的进度而更新。由于进度条被设置为只读，因此用户无法拖动它。