☰

Wider Bilibili

哔哩哔哩宽屏体验

Author
posthumz
Daily installs
3
Total installs
1,311
Ratings
23 1 0
Version
0.4.8
Created
2023-09-04
Updated
2025-09-07
Size
35.3 KB
Compatibility
Compatible with Firefox Compatible with Chrome Compatible with Edge
License
MIT
Applies to

Wider Bilibili

基础功能

  • 播放器占据页面全宽高且允许滚动
  • 使用原生网页全屏样式
  • 视频/首页/动态/阅读等页面统一页边距
  • Shift+Alt+W或者在脚本菜单中调出设置面板
  • 修复B站前端的一些其他问题样式（懒得列了）
  • 大部分效果基本只使用CSS达成，不会进行DOM操作

可选选项

  • 播放器高度自适应（无上下黑边）
  • 导航栏置于播放器下方
  • 小窗播放器可调节大小、可记录移动位置，移除非16:9视频的黑边 (例如)
  • 播放器下方可配预留标题空间
  • 播放器底栏控件调整宽度间距
  • 播放器暂停时强制显示控件
  • 显示播放人数/弹幕数 (自带网页全屏下不会显示)
  • 右键选项以恢复至默认值

预览

装上去任意视频试试

视频功能及选项预览

小窗功能预览

注意

  • 仅保证新版页面的适配
  • 移除了原宽屏/网页全屏按钮 (全屏仍保留)

兼容

浏览器

  • 需浏览器适配ES2020、CSS原生嵌套和popover (Chromium 120+ / Firefox 125+ / Safari 17.2+)（总之用最新版本准没错
  • 自测使用仅在Firefox最新版以及Edge最新版

插件

开发

脚本本体使用ts+vite+vite-plugin-monkey开发，直接npm vite即可开发/构建

选项面板使用npm vite -c vite.config.html.ts或者npm html可以独立开发/浏览，无需在bilibili上测试