网络学院等在线视频如何自动播放下一节

很多企业培训平台、在线学习系统、内部课程网站都有一个让人头疼的问题:

一个课程包含多个视频,但当前视频播放结束后,不会自动播放下一节,需要手动点击“下一节”按钮。

如果课程较多,用户必须时不时回到电脑前操作,不仅影响学习效率,也容易浪费时间。

本文将介绍一种简单的方法:利用浏览器扩展 Tampermonkey(油猴) 实现视频播放完成后自动跳转下一节课程。Tampermonkey 是目前最流行的用户脚本管理器之一,支持 Chrome、Edge、Firefox 等主流浏览器。(Tampermonkey)


一、原理说明

大部分在线学习系统的视频播放器本质上都是 HTML5 视频播放器。

HTML5 视频在播放结束时会触发一个名为:

ended

的事件。

我们只需要:

  1. 监听视频播放结束
  2. 自动找到“下一节”按钮
  3. 自动点击按钮

即可实现自动连播。


二、安装 Tampermonkey

方式1:官方网站

Tampermonkey官网

方式2:Chrome浏览器

Chrome应用商店Tampermonkey

安装完成后,浏览器右上角会出现 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. 会影响学习记录吗?

不会。

该脚本只是模拟用户点击“下一节”按钮,不会修改后台数据,也不会绕过学习时长统计。

学习系统仍然按照正常流程记录播放进度。


七、总结

对于需要观看大量培训视频的员工来说,自动播放下一节可以大幅减少重复操作。

实现步骤非常简单:

  1. 安装 Tampermonkey
  2. 创建用户脚本
  3. 监听视频结束事件
  4. 自动点击“下一节”

整个过程无需修改学习系统代码,也无需服务器权限,只需浏览器即可完成。

如果你的学习平台是企业大学、21TB、云学堂、E-learning、内部 LMS 等系统,也可以按照同样思路进行适配。只要能够找到视频播放器和“下一节”按钮,基本都能实现自动连播。

发表评论