YouTube 4 Videos Per Row Fix|Size fix.

Choose 3/4/5 videos per row via menu.

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

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

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

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

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

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

(我已经安装了用户脚本管理器,让我安装!)

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

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

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

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

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

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

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name         YouTube 4 Videos Per Row Fix|Size fix.
// @namespace    https://youtube.com/
// @version      1.1
// @description  Choose 3/4/5 videos per row via menu.
// @author       Ampedeath
// @license      MIT
// @match        https://www.youtube.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=tampermonkey.net
// @grant        GM_setValue
// @grant        GM_getValue
// @grant        GM_registerMenuCommand
// ==/UserScript==

(function() {
    'use strict';

    const applyFix = () => {
        const grid = document.getElementById("contents");
        if (!grid) return;

        const value = GM_getValue("itemsPerRow", 4); // default 4
        grid.style.setProperty("--ytd-rich-grid-items-per-row", value.toString());
    };

    GM_registerMenuCommand("3 videos per row", () => { GM_setValue("itemsPerRow", 3); applyFix(); });
    GM_registerMenuCommand("4 videos per row", () => { GM_setValue("itemsPerRow", 4); applyFix(); });
    GM_registerMenuCommand("5 videos per row", () => { GM_setValue("itemsPerRow", 5); applyFix(); });

    applyFix();

    const observer = new MutationObserver(applyFix);
    observer.observe(document.documentElement, {
        childList: true,
        subtree: true
    });
})();