YouTube Fullscreen Chat Hider

YouTubeの全画面表示時に、チャットのデータ取得機能を維持したままチャット領域を完全に非表示にし、動画領域を画面いっぱいに拡大します。

Stel een vraag, plaats een beoordeling of rapporteer dit script.

Regels afbreken

// ==UserScript==
// @name         YouTube Fullscreen Chat Hider
// @name:en      YouTube Fullscreen Chat Hider
// @namespace    https://greasyfork.org/ja/scripts/556708-youtube-fullscreen-chat-hider
// @version      1.0
// @description  YouTubeの全画面表示時に、チャットのデータ取得機能を維持したままチャット領域を完全に非表示にし、動画領域を画面いっぱいに拡大します。
// @description:en This script completely hides the chat area when YouTube is in fullscreen mode, expanding the video viewing area to fill the screen.
// @author       Daito_Amemiya
// @match        *://*.youtube.com/*
// @grant        GM_addStyle
// @run-at       document-start
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';

    GM_addStyle(`
        /* 全画面表示中（ytd-watch-flexy[fullscreen]）のスタイルを適用 */

        /* 1. 黒い領域を生成している最上位のコンテナを完全に非表示にする */
        /* #panels-full-bleed-container が動画の幅を制限している可能性が最も高い */
        ytd-watch-flexy[fullscreen] #panels-full-bleed-container {
            display: none !important;
        }

        /* 2. チャットと右側サイドバーのコンテナも完全に非表示にする（安全策） */
        ytd-watch-flexy[fullscreen] #secondary,
        ytd-watch-flexy[fullscreen] #secondary-inner,
        ytd-watch-flexy[fullscreen] #chat-container,
        ytd-watch-flexy[fullscreen] #panels {
            display: none !important;
            width: 0 !important;
            min-width: 0 !important;
        }

        /* 3. 動画の幅を制限している可能性のある最上位のレイアウト要素の制限を解除 */
        ytd-watch-flexy[fullscreen] #columns,
        ytd-watch-flexy[fullscreen] #page-manager {
            width: 100% !important;
            max-width: none !important;
        }

        /* 4. メインの動画プレイヤー領域を強制的に画面いっぱいに広げる */
        ytd-watch-flexy[fullscreen] #primary,
        ytd-watch-flexy[fullscreen] #primary-inner {
            width: 100% !important;
            max-width: none !important;
            margin-right: 0 !important;
        }
    `);
})();