HTML5在线培训视频倍速与进度管控绕过方法咨询

所有操作都在培训视频播放页完成，按F12调出浏览器开发者工具，切到「Console/控制台」标签就能操作，不需要装额外软件，也不需要修改网站服务端源码。

方案1：控制台注入拦截代码（成功率最高，适配绝大多数Plyr播放器校验逻辑） #

直接把下面的代码粘贴到控制台，按回车运行即可。代码会直接修改原生视频的播放速率，同时在事件捕获阶段拦截页面所有倍速检测、快进拖动检测信号，不会触发视频自动重启：

const video = document.querySelector('video');
// 拦截播放器层的检测事件，阻止校验逻辑拿到违规操作触发信号
['ratechange', 'seeking', 'seeked'].forEach(ev => {
  video.addEventListener(ev, e => e.stopImmediatePropagation(), true);
});
// 自定义倍速，改成你需要的数值即可，比如1.5就是1.5倍，2就是2倍
video.playbackRate = 1.7;
// 废掉页面自带的视频自动重启、重载逻辑
window.location.reload = () => {};
video.load = () => {};
// 适配后端进度上报校验，自动按倍速折算观看时长，避免记录时长不足
const originSend = window.XMLHttpRequest.prototype.send;
window.XMLHttpRequest.prototype.send = function(body) {
  if (body && (this._url?.includes('progress') || this._url?.includes('record'))) {
    try {
      const data = JSON.parse(body);
      if (data.watchTime) data.watchTime = data.watchTime * video.playbackRate;
      body = JSON.stringify(data);
    } catch {}
  }
  return originSend.call(this, body);
};
const originOpen = window.XMLHttpRequest.prototype.open;
window.XMLHttpRequest.prototype.open = function(...args) {
  this._url = args[1];
  return originOpen.apply(this, args);
};

注意：倍速不要开超过2.2倍，部分后端会校验播放进度时间戳和上报时长的差值，开太高容易触发后台的异常行为标记。

方案2：浏览器扩展强制倍速（零代码操作） #

如果不想写代码，可以安装支持强制网页视频倍速的浏览器扩展，开启扩展的「忽略页面倍速限制」选项，注意不要用扩展触发播放器自带的倍速控件，直接修改原生video元素的播放速率即可。这个方案的缺点是无法处理后端的时长校验，可能出现视频看完了但系统记录时长不足的问题。

方案3：跳过片段操作方法 #

如果需要拖动进度跳过已经掌握的内容，在运行完方案1的拦截代码后，不要直接用鼠标拖播放器的进度条，直接在控制台执行代码跳转即可，不会触发快进检测：

// 括号内填要跳转的秒数，比如跳转到10分钟位置填600，跳转到30分钟位置填1800
video.currentTime = 600;

操作提示：一次性跳转不要超过5分钟的内容，平台后端一般会校验单段观看的时长连续性，跳太猛容易触发人工审核或者强制重看规则。

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