视频自动网页全屏|倍速播放

创建于 4 months ago
更新于 17 hours ago
支持所有H5视频的增强脚本,通用网页全屏|倍速调节,对微博 / 推特 / Instagram / Facebook等多视频平台均适用;B站(含直播) / 腾讯视频 / 优酷 / 爱奇艺 / 芒果TV / AcFun 默认自动网页全屏,其他网站可手动开启;自动网页全屏 + 记忆倍速 + 下集切换,减少鼠标操作,让追剧更省心、更沉浸;还支持视频旋转、截图、镜像翻转、缩放与移动、记忆播放进度等功能
总安装量
24,464
今日新增
+14
用户评分
5.0 / 5.0 (2)
当前版本
3.8.6

脚本菜单

  1. 此站启/禁用自动网页全屏(非 @match 网站时显示)
  2. 删除此站剧集选择器 (有手动适配时显示)
  3. 此站脱离式全屏阈值
  4. 快捷键说明
  5. 更多设置

快捷键大全

快捷键 说明 快捷键 说明
Enter 全屏 P 网页全屏
N 切换下集 R 旋转 90°
M 静音切换 D 弹幕显/隐
K / L 上下帧 Shift + R 水平镜像
Ctrl + Z 复位缩放移动 Shift + A 启/禁自动下集
Ctrl + Alt + A 截图 (默禁) Alt + / 缩放 (默禁)
A / S 或 / 倍速 ±0.25 Alt + ◀️🔼🔽▶️ 移动 (默禁)
Ctrl 1️⃣~5️⃣ 预设倍速 1️⃣~9️⃣ 1️⃣ - 9️⃣ 倍速
数字 0️⃣ 快进 30 秒 ◀️▶️ 快退/进 (默禁)
空格 播放/暂停 (默禁)

网页全屏 | 倍速

理论上支持所有含 HTML5 <video> 的视频网页,覆盖绝大多数视频播放场景。

对微博、推特、Instagram、Facebook 等多视频平台,无需手动切换目标—— 哪个视频处于播放状态,即可直接对其进行网页全屏、播放倍速调节等操作。

自动网页全屏

若需在脚本默认 @match 配置外的网站启用自动网页全屏,按以下配置即可快速生效。

配置

1. 对所有网站生效

将脚本中的:

// @note        *://*/*

修改为:

// @match        *://*/*

或在插件的脚本设置面板中添加用户匹配;后续脚本更新时,就能避免重复修改:https://pic1.imgdb.cn/item/69271b433203f7be003466ce.png

2. 对特定网站生效(以咕咕番为例)

使用 @include 指定单个网站:

// @include      *://www.gugu3.com/*

3. 对嵌套框架页生效(如 E 站弹幕网)

若视频在 iframe 框架中播放,需同时匹配主页面和框架页的域名:

// @include      *://www.ezdmw.site/Index/video/*
// @include      *://player.ezdmw.com/danmuku/*

修改完成后,刷新视频页面并等待视频完全加载,再在脚本菜单中点击「此站启用自动网页全屏」。设置成功后,视频开始播放时将自动进入网页全屏。

⚠️ 注意:配置特定网站时须用 @include,而非 @match@match 触发的是网站自带的图标,如果配置成 @match ,还需要在 class Site 中定义相关图标的 CSS 选择器)。

如要对 PPTV聚力视频 自动网页全屏,配置成:

// @match      *://v.pptv.com/show/*

则需在脚本的 class Site 中,新增以下配置:

// full-全屏,webFull-网页全屏,danmaku-弹幕开关,next-下集
static selectors = {
 "v.pptv.com": { full: ".w-zoom-container div", webFull: ".w-expand-container div", danmaku: ".w-barrage div", next: ".w-next" },
};

忽略特定页面

「此站启用自动网页全屏」后,将对目标域名下的所有页面生效(例如 YouTube 的首页、短视频页等场景)。若需排除部分不需要该功能的页面,可按以下步骤操作:

  1. 进入「更多设置」→「其他设置」→「自动网页全屏时忽略的网址列表」
  2. 添加目标页面的网址(如输入:https://www.youtube.com/shorts 即可排除短视频页)

⚠️ 注意:该功能不支持模糊匹配,仅采用「前缀匹配」逻辑(即仅匹配以输入网址开头的页面)

  • 若输入带路径的网址(如 https://www.youtube.com/shorts),则匹配所有以该路径开头的子页面;
  • 若仅输入域名网址(如 https://www.youtube.com),仅匹配该网站首页,不会作用于任何子页面。

通用下集切换功能

脚本默认 @match 配置的网站,使用站点自带的下集图标,点击对应元素完成下集切换;对于其他第三方视频网站,脚本也提供了通用性较强的下集切换方案,使全网下集切换体验一致。

配置

1. 对所有网站生效

将脚本中的:

// @note        *://*/*

修改为:

// @match        *://*/*

2. 对特定网站生效(以咕咕番为例)

使用 @include 指定单个网站:

// @include      *://www.gugu3.com/*

配置完成后,测试网站是否能成功切换下集。

自动切换下集

该功能默认处于禁用状态,需手动在脚本菜单中开启以激活使用。

设置路径:「更多设置」→「播放设置」→「启用自动切换至下集」

自定义选项

  • 提前切换秒数:「参数设置」→「下集提前秒数」(视频结束前 N 秒切换)
  • 忽略网址:「其他设置」→「自动切换下集时忽略的网址列表」(如添加 B 站非番剧页)

限制:时长小于 5 分钟的视频不会触发自动切换下集

手动拾取元素适配(解决切换失败问题)

若遇到网站无法成功切换下集,或跳转至错误地址的情况,可通过手动适配的方式,尝试解决切换失败问题。

若需重新适配网站,需先在脚本菜单中点击「删除此站剧集选择器」,清除旧有配置后再进行适配操作。

第一步:拾取当前播放集数
  1. 同时按住键盘 Ctrl + Alt 键,用鼠标点击当前播放集数的位置(如播放页显示的 “第 1 集”)。
  2. 验证与保存:
    • 拾取成功后会弹出窗口,点击「验证」若正确提示集数,点击「保存」,进入第二步;
    • 若提示 获取集数失败,手动编辑文本框中的选择器代码,修改后再次点击「验证」,成功后保存。
第二步:拾取集数列表中的任意一集
  1. 完成当前集数拾取后,继续按住 Ctrl + Alt 键,点击剧集列表(如侧边栏或底部列表)中的任意一集(如 “第 2 集”)。
  2. 验证与保存:
    • 弹窗会显示拾取的元素信息,点击「验证」按钮,若显示完整集数列表,点击「保存」完成配置。
    • 若提示 获取集数失败 或验证时显示的集数列表(如数量)有误,手动编辑选择器代码,修改后再次点击「验证」,直至显示正确集数后保存。
第三步:验证

前面歩骤操作完成后,按键盘 N 键,测试是否能成功正确的切换至下一集。

手动适配示例:

示例一:56网 (动态 class 问题)

在该网站上默认拾取到的元素选择器,验证时不能获取到当前播放集数。

原因是:当鼠标移入目标元素时,会动态添加临时 class;而当元素失去焦点后,该 class 会自动移除。由于默认拾取的选择器包含此动态 class,导致无法获取当前播放集数。

解决方法:手动删除动态添加的 class,即可成功匹配目标元素并获取当前播放集数。

图片
示例二:注视影视 (集数标识位置特殊)

在该网站上当前播放的集数在剧集列表中无明确标识(如高亮、特殊样式或独有 class),导致无法通过列表元素直接区分正在播放的集数是哪一个。

虽列表无法识别,但页面顶部标题栏中存在包含当前播放集数的明确文本,第一步拾取,可选取标题栏的集数元素定位当前播放集数。

图片
示例三:网易公开课 (选择器层级问题)

在该网站上第二步拾取元素并点击「验证」时,提示的集数列表与页面实际显示不一致,通过调整元素选择器的层级结构后,最终成功获取正确数据。

图片

测试网站

脚本已针对以下导航站收录的影视动漫类网站,完成下集切换功能的通用性测试:

自定义此站视频容器

设置路径:「更多设置」「其他设置」「自定义此站视频容器」

该功能允许您为当前网站设置个性化的视频容器,解决网页全屏时可能出现的各种适配问题,例如:

  • 保留特定区域(如弹幕、控制按钮)在网页全屏模式中始终可见
  • 解决部分网页全屏后内容被截断、缩放异常等问题

设置方式

通过 CSS 选择器来指定网页中需要进行全屏设置的元素

注意:目标元素指当网页切换到 “网页全屏”时,占据整个网页可视区域的核心容器元素,而非点击元素。

获取目标元素的 CSS 选择器(关键步骤)
  1. 打开开发者工具
    在网页任意位置右键 → 选择「检查」(或按 F12/Ctrl+Shift+I),打开浏览器开发者工具。

  2. 定位元素

    • 点击开发者工具左上角那个呈箭头形状的「选择元素」图标,之后用鼠标点击网页中的视频播放器。
    • 此时开发者工具的「Elements」面板会将该元素对应的 HTML 代码高亮显示出来。
    • 精准定位技巧:先将视频切换到网页全屏模式,缩小定位范围;在开发者工具的 Elements 面板中,找到疑似目标元素,通过为其添加或移除 part="webFullscreen" 属性,观察网页变化来确认是否为目标元素(添加后该元素会按全屏规则显示,移除后则恢复默认),目标元素可能是当前元素( part="webFullscreen" )的下级元素,也可能是其上级元素或自身,可上下层级逐一验证。
  3. 复制选择器
    在高亮的 HTML 标签上右键 → 选择「Copy」→「Copy selector」,即可获得该元素的 CSS 选择器。

  4. 优化选择器,去除干扰部分

    复制选择器后(例如得到 body > div.vidmain.__hc > div.player_responsive.__hc),需要检查其中是否干扰项

    例:

    原复制的选择器为 body > div.vidmain.__hc > div.player_responsive.__hc,其中的 __hc 是只有当鼠标移出时才会存在的干扰项,当鼠标移入后它就会消失,这会导致在全屏时选择器无法成功匹配元素,所以需要将这样的干扰项删除。

  5. 验证选择器的稳定性

    剔除动态变化的选择器后,在开发者工具的「Console」面板中输入以下代码,以此测试选择器是否能稳定地匹配到目标元素:

    document.querySelector("清理后的选择器"); // 例如 document.querySelector("#player .control-bar")
    
    • 若返回 null:说明选择器太简略,需要适当补充静态特征(如添加稳定的类名,如 .control-bar.main)。
    • 若返回结果为具体元素:则说明该选择器是有效的,可以用于设置全屏规则。

配置示例

网站 CSS 选择器 效果说明
抖音(https://www.douyin.com/ #slidelist > div 保持在网页全屏下,能切换视频
虎牙(https://www.huya.com #player-wrap 隐藏底部礼物栏
Lemon Live(https://lemonlive.deno.dev #app > main > div > div > div > div:nth-of-type(2) 显示控制栏

其他功能

1. 空格◀️▶️ 控制

默认处于禁用状态,需手动开启后使用。

设置路径:「更多设置」→「播放设置」→「启用 空格◀️▶️ 控制」

自定义选项:「更多设置」→「参数设置」→「快进/退秒数」

若播放器自带的快退 / 快进秒数不符合使用习惯(例如默认快进 5 秒,需调整为 10 秒),或希望不聚焦播放器也能操控视频,可通过启用此功能实现。

2. 自动退出网页全屏

脚本默认支持 B 站和 AcFun 弹幕网,在视频播放结束后自动退出全屏状态(番剧页面不支持)。对于 B 站,还会自动点击「取消连播」按钮,避免自动播放下一个视频。

取消连播触发条件

  • B 站普通视频(非番剧)播放结束时
  • B 站合集视频播放至最后一集时
  • B 站合集中关闭「自动连播」选项时

如需关闭此功能,请在脚本中注释掉以下代码:

this.autoExitWebFullscreen();

3. 记忆播放位置

默认启用:自动记录视频播放进度,下次打开同一视频时恢复至上次位置。

  • 关闭路径:「更多设置」→「禁用 记忆进度」
  • 限制:时长<2 分钟的视频不记录进度

4. 标签页不可见时自动暂停

默认启用:视频标签页切换到后台(不可见)时自动暂停,切回时自动播放。

  • 关闭路径:「更多设置」→「播放设置」→「禁用 不可见暂停」

5. 预设常用倍速

支持自定义常用播放倍速,通过 Ctrl + 数字键【1~5】 组合键一键切换,提升播放操作效率。

设置路径:「参数设置」→「常用倍速」(多值用英文逗号分隔,例:1.15,1.45,1.75

  • 映射规则:Ctrl + 1Ctrl + 5 分别对应预设倍速列表的第 1 至第 5 项
    • 示例:预设值为 1.15,1.45,1.75 时,Ctrl + 1 对应 1.15 倍、Ctrl + 2 对应 1.45 倍、Ctrl + 3 对应 1.75 倍

6. 全屏模式下显示时间

默认在全屏模式右上角显示:系统时间、视频剩余时长、进度百分比。

自定义选项

  • 关闭显示:在设置中禁用「全屏显时间」
  • 调整颜色:「参数设置」→「时间颜色」
  • 非全屏显示:启用「非全屏显时间」功能

限制:≤30秒视频不显示剩余时长和进度百分比

7. 侧边单击网页全屏

将鼠标移至视频左右两侧边缘区域,当鼠标光标发生变化时 ,点击即可切换网页全屏状态。

设置路径:「辅助设置」→「启用 侧边单击网页全屏」。

解决的问题: 在微博、X、Instagram 等多视频信息流场景,右手操作鼠标时,不想再抬手去按键盘快捷键切换网页全屏。

8. 脱离式全屏阈值

在多视频单页应用(SPA)中,网页全屏时若因DOM 样式 / 布局联动导致原结构 “坍塌”,进而造成全屏触发失败;或因父级 DOM 层级过深、样式嵌套复杂,全屏操作破坏原有布局并引发功能异常。

若通过 自定义此站视频容器 仍无法解决全屏问题,可尝试调整此阈值。其核心逻辑为:当视频容器的父级 DOM 层级超过设定阈值时,自动将视频元素脱离原 DOM 结构,以此规避布局关联冲突,解决全屏失效问题。