☰

YouTube 动态视频网格

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

如何安装

您需要先安装一个扩展，例如 篡改猴、Greasemonkey 或 暴力猴，之后才能安装此脚本。

You will need to install an extension such as Tampermonkey to install this script.

您需要先安装一个扩展，例如 篡改猴 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 Userscripts ，之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey，才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

（我已经安装了用户脚本管理器，让我安装！）

如何安装

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

（我已经安装了用户样式管理器，让我安装！）

作者
人民的勤务员
日安装量
2
总安装量
175
评分
2 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

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

查看所有发布脚本