☰

YouTubeダイナミックビデオグリッド

ウィンドウの幅に基づいてYouTubeビデオグリッドを動的に調整して、1行あたりのビデオ数の数を表示し、デフォルトの3つのビデオグリッドを上書きしてレスポンシブレイアウトを高速化します

作者のサイトでサポートを受ける。または、このスクリプトの質問や評価の投稿はこちら、通報はこちらへお寄せください
作者
人民的勤务员
1日のインストール数
6
累計インストール数
22
評価
0 0 0
バージョン
2025.6.3.1
作成日
2025/06/03
更新日
2025/06/03
大きさ
78.7KB
互換性
Firefox への互換性あり Chrome への互換性あり Opera への互換性あり Safari への互換性あり Edge への互換性あり
ライセンス
MIT
対象サイト

简体中文 | English | 한국어 | Tiếng Việt | 繁體中文
👆️access GitHub Readme file on for a better experience。

Recommended use：
Support
Support
Support
💡 Tip: The script manager and browser listed above do not represent all
The script runs normally in the following environment
Passed

YouTube Dynamic Video Grid

「 Dynamically adjust the YouTube video grid based on window width to display the best number of videos per line, overwriting the default 3 video grids for faster responsive layouts 」

Views

Download:Github | ⭐Greasy Fork

Update records

🛠️ youtube-dynamic-grid Update log

📅 2025.6.3.1

New: •Initial version

💖 The script referenced or used the following script:

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

Overview

Dynamically adjust the number of videos displayed per line according to the width of the browser window，OptimizedYouTubeVideo grid layout。
This script ensures that the layout is responsive，This optimizes screen space，Provide a better browsing experience。
This script calculates the best number of videos（Between3arrive12between），and apply the necessaryCSScover。

This script cannot be guaranteed to be valid for a long time。

Start quickly

Using scripts：

  • Access in a browserYouTube。
  • The script will automatically adjust the video grid according to the window size。
  • Resize the browser window to see dynamic grid adaptation。
  • existURLAdd afterward?debug=1（For example，https://www.youtube.com/?debug=1）Debug logs can be enabled。

Function

  • Responsive mesh：Adjust the number of videos displayed per line according to the window width（3arrive12）。
  • Seamless integration：Applicable toYouTubeHome page and other video grid pages。
  • Efficient update：useMutationObserverReal-time grid adjustment with event listener。
  • Rewind mechanism：Includes polling and retry to ensure thatYouTubeDynamic load compatibility。

How to use

  • The script will be inYouTubepage（*://www.youtube.com/* and *://youtube.com/*）Automatically run on。
  • No configuration required；The grid will automatically adjust according to the width of your browser window。
  • For optimal performance，Please avoid running multiple grid modification scripts at the same time。

parameter

  • videoWidth: 340px（Thumbnail width，Applicable to3440x1440The screen displays about9A video）
  • margin: 40px（Total margins on the left and right）
  • gap: 10px（Thumbnail spacing）

Help

Recommended browser and script manager：

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

If you need to learn more about how to install user scripts,Click meView the teaching of pictures and texts!

View all publish scripts