YouTube 动态视频网格

根据窗口宽度动态调整 YouTube 视频网格,以每行显示最佳数量的视频,覆盖默认的 3 个视频网格,以实现响应更快的布局

作者
人民的勤务员
日安装量
1
总安装量
24
评分
1 0 0
版本
2025.6.3.1
创建于
2025-06-03
更新于
2025-06-03
大小
78.7 KB
兼容性
与 Firefox 兼容 与 Chrome 兼容 与 Opera 兼容 与 Safari 兼容 与 Edge 兼容
许可证
MIT
适用于

简体中文 | English | 한국어 | Tiếng Việt | 繁體中文
👆️访问 GitHub 上的自述文件以获得更好的体验。

推荐使用:
Support
Support
Support
💡 Tip: 以上已列出的脚本管理器和浏览器不代表全部
脚本在以下环境中运行正常
Passed

YouTube 动态视频网格

「 根据窗口宽度动态调整 YouTube 视频网格,以每行显示最佳数量的视频,覆盖默认的 3 个视频网格,以实现响应更快的布局 」

Views

Download:Github | ⭐Greasy Fork

更新记录

🛠️ youtube-dynamic-grid 更新日志

📅 2025.6.3.1

新增: •初始版本


💖 脚本参考或使用了以下脚本:

🧑‍💻 @nicholas-fedor ⇒ 📜 youtube-dynamic-grid

概述

根据浏览器窗口的宽度动态调整每行显示的视频数量,优化了YouTube视频网格布局。
此脚本确保布局具有响应性,从而优化屏幕空间,提供更好的浏览体验。
该脚本会计算最佳的视频数量(介于3到12之间),并应用必要的CSS覆盖。

无法保证此脚本长期有效。

快速开始

使用脚本

  • 在浏览器中访问YouTube
  • 脚本会根据窗口大小自动调整视频网格。
  • 调整浏览器窗口大小即可看到网格动态适配。
  • 在URL后添加?debug=1(例如,https://www.youtube.com/?debug=1)可以启用调试日志。

功能

  • 响应式网格:根据窗口宽度调整每行显示的视频数量(3到12)。
  • 无缝集成:适用于YouTube主页及其他视频网格页面。
  • 高效更新:使用MutationObserver和事件监听器实现实时网格调整。
  • 回退机制:包括轮询和重试以确保与YouTube的动态加载兼容。

使用方法

  • 脚本会在YouTube页面(*://www.youtube.com/**://youtube.com/*)上自动运行。
  • 无需配置;网格会根据你的浏览器窗口宽度自动调整。
  • 为了获得最佳性能,请避免同时运行多个网格修改脚本。

参数

  • videoWidth: 340px(缩略图宽度,适用于3440x1440屏幕显示约9个视频)
  • margin: 40px(左右总边距)
  • gap: 10px(缩略图间距)

使用帮助

推荐浏览器和脚本管理器:

  • Greasemonkey + Waterfox
  • Tampermonkey/Violentmonkey + Firefox
  • Tampermonkey/Violentmonkey + Chrome
  • Userscripts + ios Safari
  • Violentmonkey/KiWiBrowser + Android

如果你需要了解更多关于如何安装用户脚本,点击我查看图文教学!

查看所有发布脚本

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址