YouTube 動態視頻網格

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

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

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

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

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

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

查看所有發布腳本