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

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

Autor
lonelylizard
Dnevne instalacije
0
Ukupnih instalacija
338
Ocjene
7 0 0
Verzija
1.4.1
Stvoreno
23.03.2024.
Ažurirano
05.11.2024.
Licenza
MIT
Primjenjuje se
框架 支持情况
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);

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

可选功能添加

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

添加示例

最后打开浏览器的效果

添加生效示例