☰

YouTube 動態視頻網格

根據窗口寬度動態調整 YouTube 視頻網格，以每行顯示最佳數量的視頻，覆蓋默認的 3 個視頻網格，以實現響應更快的佈局

作者
人民的勤务员
今日安裝
1
安裝總數
25
評價
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

如果你需要了解更多關於如何安裝用戶腳本,點擊我查看圖文教學!

查看所有發布腳本