VideoJS时间轴跳转异常问题求助

1. 排查事件重复绑定 #

• 检查代码里是否多次绑定了时间轴相关事件（比如timeupdate、click），事件叠加会导致多次触发跳转，最终出现时间偏移。
• 修复方式：绑定事件前先解绑旧的，确保只绑定一次。示例：

  // 先解绑再绑定，避免重复触发
  player.off('seeked', customSeekHandler);
  player.on('seeked', customSeekHandler);
  

2. 解决移动端触摸事件冲突 #

• 移动端的touch事件和click事件可能同时触发，相当于一次点击被处理两次，叠加出额外的跳转时间。
• 处理方式：在自定义触摸事件里阻止默认行为，或者直接复用VideoJS内置的触摸逻辑，不要额外绑定重复的触摸事件。示例：

  player.on('touchstart', function(e) {
    e.preventDefault();
    // 自定义触摸处理逻辑
  });
  

3. 校准时间计算逻辑 #

• 检查自定义的跳转时间计算代码，是否误加了固定偏移量（比如10秒）。
• 用VideoJS原生API计算点击位置对应的时间，不要手动叠加数值：

  var progressBar = player.controlBar.progressControl.seekBar;
  var rect = progressBar.el().getBoundingClientRect();
  var pos = (event.pageX - rect.left) / rect.width;
  var seekTime = pos * player.duration();
  player.currentTime(seekTime);
  

4. 禁用默认双击跳转行为 #

• VideoJS默认有双击跳转的逻辑，如果和自定义点击事件冲突，会导致两次跳转叠加出时间偏移。
• 解绑默认双击处理：

  player.off('dblclick', player.handleDblClick);
  

5. 升级VideoJS版本 #

• 部分旧版本存在时间轴跳转的已知Bug，升级到最新稳定版（比如v8.x）可能直接解决问题。

内容的提问来源于stack exchange，提问作者user23173837