很多企业培训平台、在线学习系统、内部课程网站都有一个让人头疼的问题:
一个课程包含多个视频,但当前视频播放结束后,不会自动播放下一节,需要手动点击“下一节”按钮。
如果课程较多,用户必须时不时回到电脑前操作,不仅影响学习效率,也容易浪费时间。
本文将介绍一种简单的方法:利用浏览器扩展 Tampermonkey(油猴) 实现视频播放完成后自动跳转下一节课程。Tampermonkey 是目前最流行的用户脚本管理器之一,支持 Chrome、Edge、Firefox 等主流浏览器。(Tampermonkey)
一、原理说明
大部分在线学习系统的视频播放器本质上都是 HTML5 视频播放器。
HTML5 视频在播放结束时会触发一个名为:
ended
的事件。
我们只需要:
- 监听视频播放结束
- 自动找到“下一节”按钮
- 自动点击按钮
即可实现自动连播。
二、安装 Tampermonkey
方式1:官方网站
方式2:Chrome浏览器
安装完成后,浏览器右上角会出现 Tampermonkey 图标。Tampermonkey 支持 Chrome、Edge、Firefox、Safari 等多个浏览器平台。
三、创建自动播放脚本
点击:
篡改猴也称油猴(Tampermonkey)
↓
添加新脚本


删除默认代码,粘贴以下脚本:
// ==UserScript==
// @name 21TB自动下一节
// @match https://qilu.21tb.com/*
// @grant none
// ==/UserScript==
(function () {
'use strict';
function hookVideo() {
const video = document.querySelector('video');
if (!video || video._hooked) return;
video._hooked = true;
console.log('已绑定视频');
video.addEventListener('ended', () => {
console.log('视频播放结束');
const nextBtn = document.querySelector('.next-button');
if (nextBtn) {
console.log('自动点击下一节');
nextBtn.click();
} else {
console.log('未找到下一节按钮');
}
});
}
setInterval(hookVideo, 2000);
})();
其中:
@match
需要改成自己学习系统的网址。
例如:
@match https://study.company.com/*
然后,点击文件-保存

四、如何找到“下一节”按钮
不同学习系统的按钮结构不同。
例如:
<button class="next-button">
下一节
</button>
脚本中对应:
document.querySelector('.next-button')
如果你的系统按钮名称不同,可以通过:
F12
↓
Elements
↓
检查“下一节”按钮
查看其 HTML 结构,然后修改选择器。
五、测试脚本是否生效
打开课程页面后:
测试下一节按钮
在浏览器控制台(Console)输入:
document.querySelector('.next-button').click()
如果课程成功切换,说明按钮定位正确。
模拟视频结束
输入:
document.querySelector('video').dispatchEvent(new Event('ended'))
如果自动跳转到下一节,说明脚本已经配置成功。
六、常见问题
1. 找不到 video 标签
在控制台输入:
document.querySelectorAll('video').length
如果返回:
0
说明平台可能使用了特殊播放器,需要进一步分析页面结构。
2. 视频结束没有自动跳转
常见原因:
- 下一节按钮类名变化
- 页面动态加载
- 学习系统要求先提交学习进度
- 播放结束后出现确认弹窗
这种情况需要针对具体系统调整脚本。
3. 会影响学习记录吗?
不会。
该脚本只是模拟用户点击“下一节”按钮,不会修改后台数据,也不会绕过学习时长统计。
学习系统仍然按照正常流程记录播放进度。
七、总结
对于需要观看大量培训视频的员工来说,自动播放下一节可以大幅减少重复操作。
实现步骤非常简单:
- 安装 Tampermonkey
- 创建用户脚本
- 监听视频结束事件
- 自动点击“下一节”
整个过程无需修改学习系统代码,也无需服务器权限,只需浏览器即可完成。
如果你的学习平台是企业大学、21TB、云学堂、E-learning、内部 LMS 等系统,也可以按照同样思路进行适配。只要能够找到视频播放器和“下一节”按钮,基本都能实现自动连播。