框架 |
支持情况 |
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视频合集列表,也支持【视频合集列表宽度调整】和【宽屏模式】两个功能
其他微调(自动生效)
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);
添加完代码记得保存,你可能需要多刷新几次网页才能看到脚本效果
比如下面添加了换行功能+自定义比例
最后打开浏览器的效果