如何解决VideoJS中用户跳进度误判观看时长超50%的问题？

你的核心问题在于只通过当前播放位置判断是否达标，忽略了“跳转”和“实际观看”的区别。要解决这个问题，需要追踪用户实际累计观看的时长，而不是仅检查当前播放位置。

解决方案思路 #

1. 维护三个关键变量：
   • totalWatched：记录用户实际累计观看的时长
   • hasTriggered：标记是否已经触发过播放量统计（避免重复执行）
   • lastTime：记录上一次timeupdate事件触发时的播放位置，用于计算单次事件内的观看时长
2. 在timeupdate事件中，仅当用户正向播放时，累加本次事件与上次事件的时间差到累计时长
3. 监听seeked事件，用户跳转后重置lastTime，避免跳转前后的时间差被错误累加
4. 当累计观看时长超过视频总时长的50%，且未触发过统计时，执行播放量统计逻辑

修改后的代码 #

var player = videojs('my-video');
var totalWatched = 0; // 用户累计实际观看时长
var hasTriggered = false; // 是否已触发播放量统计的标记
var lastTime = 0; // 上一次timeupdate事件的播放位置

player.on('timeupdate', function() {
  var currentTime = player.currentTime();
  var duration = player.duration();

  // 跳过视频时长未加载完成的情况（避免NaN计算）
  if (isNaN(duration) || duration === 0) return;

  // 仅当正向播放时，累加本次观看的时长差
  if (currentTime > lastTime && currentTime <= duration) {
    totalWatched += currentTime - lastTime;
  }

  // 更新上一次的播放位置
  lastTime = currentTime;

  // 满足条件时触发统计，且仅执行一次
  if (totalWatched / duration >= 0.5 && !hasTriggered) {
    hasTriggered = true;
    console.log("用户实际观看时长已超过视频的50%，执行播放量统计");
    // 在这里添加你的播放量统计逻辑，比如发送请求到后端接口
  }
});

// 用户跳转视频后，重置lastTime，避免异常累加
player.on('seeked', function() {
  lastTime = player.currentTime();
});

关键逻辑说明 #

• 累计时长计算：只在用户正常播放（当前时间大于上次记录的时间）时累加时长，排除快进、跳转等非实际观看的操作
• 重复触发防护：通过hasTriggered标记确保同一个视频只会统计一次播放量，避免多次触发
• 跳转处理：监听seeked事件重置lastTime，防止跳转前后的时间差被错误计入累计观看时长

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