Greasy Fork is available in English.

B站|bilibili 分P视频详情页优化

调整bilibili 分P视频合集列表,使得可以根据窗口大小上下铺满,标题显示得更长;适配了宽屏显示;支持小窗大小设置;支持右侧视频列表自定义宽度;支持视频列表标题换行显示;以及一些其他的调整

このスクリプトの質問や評価の投稿はこちら通報はこちらへお寄せください。
作者
lonelylizard
1日のインストール数
0
累計インストール数
338
評価
7 0 0
バージョン
1.4.1
作成日
2024/03/23
更新日
2024/11/05
ライセンス
MIT
対象サイト
框架 支持情况
Tampermonkey-篡改猴
violentmonkey-暴力猴
AdGuard √(可选功能设置比较麻烦,设置指导见文末)
Greasemonkey-油猴 ×

功能介绍

1、写这个的原因是B站网页版的视频合集页面,右侧的视频列表卡片太小了找分P视频很不方便。这个脚本会把右侧的视频合集列表,根据浏览器窗口大小进行自适应,方便选合集视频

2、适配了宽屏,使得合集视频列表显示得更宽,缩小左右的空白区域(宽屏模式需手动开启,见文末的图)

3、小窗支持调整大小(注意这个小窗是带弹幕的)、开启后支持自动竖屏视频自适应比例(即没有黑边),使得浏览评论区时能够更好的观看视频(需手动开启,见文末的图)

小窗已升级为单独的脚本:https://greasyfork.org/zh-CN/scripts/494837

4、自定义右侧视频列表的宽度和左侧的视频区域大小(相对宽屏模式,可适配性更强)(需手动开启)

5、视频列表支持换行显示(需手动开启)

6、带有分段(小节)的视频,支持小节列表上下铺满(自适应高度)

7、支持竖屏显示超长的分P视频合集、自定义视频合集(自动生效)(见文末的图)

8、各种小细节的处理,如视频合集的总标题显示得更长,鼠标悬浮到视频列表上有更明显的指示效果等等

9、顺带去除了右侧顶部广告banner、右侧游戏广告banner、右侧底部直播banner、简介下方的广告banner等。

注:目前发现的视频合集有以下几种:带封面的视频合集、仅标题视频合集、可选集视频合集、带分类视频合集、带分类且带封面视频

以上几种合集列表都调整了,并且做了一些细节上的微调,后续如果有其他新的视频合集页面请反馈,我补上。

约定

分P视频合集:带封面的视频合集、仅标题视频合集、可选集视频合集、带分类视频合集等统一为分P视频合集

自定义视频合集:收藏夹-播放全部视频后跳转的页面、UP主主页-播放全部视频页面等统一称为自定义视频合集

设置入口

介绍提到的功能,而设置里没有的,就是安装完插件自动生效的功能,介绍提到的需要手动开启的功能,都在如下图菜单中

设置入口

修改前

修改前

修改后

修改后

几种合集视频修改前后对比

修改汇总

自定义的视频合集(收藏夹-播放全部、UP主首页-播放全部等),也支持自动高度铺满

自定义合集

宽屏模式

宽屏模式是把页面左右的空白区域进行压缩,使得视频播放器、右侧内容能够显示得更多

宽屏适配

小窗支持调整大小并记住设置

这里的小窗指的是当你滑动到评论区,右侧会出现的视频小窗(该小窗有滚动弹幕)

原小窗尺寸太小,现在支持自定义调整尺寸并记住设置

小窗大小调整

如果视频竖屏的,小窗会自动调整宽高,比横屏的大黑边看起来舒服很多

竖屏小窗

如果你喜欢这个功能,并希望全站视频(番剧、电影等)都支持小窗尺寸调整

你可以在脚本第10行下面新增一行,输入:

// @match https://www.bilibili.com/*

保存刷新后你设置的小窗尺寸会在所有播放页都生效

标题支持换行

开启后,分P视频的视频列表的视频标题会根据宽度自动换行显示

标题换行

视频合集列表宽度调整

可以自定义右侧的分P视频合集的宽度,换句话说,可以自定义左侧播放器的大小

合集宽度调整

让非分P视频页支持宽屏、自定义比例开关

就算视频页没有右侧的分P视频合集列表,也支持【视频合集列表宽度调整】和【宽屏模式】两个功能

1111

其他微调(自动生效)

1、宽屏模式或自定义列表比例开启状态下,支持合集标题显示得更长

宽屏模式下合集标题修改

带分类的视频合集微调,增加分类名的辨识度

2、统一了鼠标移动到某个视频上的聚焦样式(全部分类的视频合集都加了),使得更容易观察到聚焦点

调整对比

3、小节列表自适应铺满

小节列表调整

4、竖屏下显示超长视频合集

超竖屏显示效果

以及其他微调不一一列举

AdGuard使用脚本指南

前提条件:

1、安装好AdGuard并打开

2、打开浏览器来到该脚本页面:https://greasyfork.org/zh-CN/scripts/490676

3、如果你的浏览器有暴力猴、油猴、篡改猴,请先禁用,否则插件无法插件到AdGuard

4、点击页面的安装按钮,会跳转到AdGuard的安装页面

安装脚本

安装完即生效,打开B站带视频合集的网页即可看到列表上下铺满了

如果你希望使用本脚本的可选功能,请按照如下图所示打开脚本编辑,

在标注3处添加

如果你想开启换行功能,请添加以下代码:

GM_setValue("title_wrap_status", true);

如果你希望开启宽屏模式,请添加以下代码:

GM_setValue("widescreen_status", true);

关闭宽屏模式代码

GM_setValue("widescreen_status", false);

开启自定义合集比例,0.3为自定义数字,可尝试多设置几个找到合适的值

GM_setValue("area_ratio", 0.3);

关闭自定义合集比例

GM_setValue("area_ratio", 0);

让非视频合集的视频播放页支持宽屏模式、支持自定义比例:

GM_setValue("no_videos_list_support_status", true);

关闭非视频合集的视频播放页支持宽屏模式、支持自定义比例:

GM_setValue("no_videos_list_support_status", false);

添加完代码记得保存,你可能需要多刷新几次网页才能看到脚本效果

可选功能添加

比如下面添加了换行功能+自定义比例

添加示例

最后打开浏览器的效果

添加生效示例