先月、RedditユーザーのChaski1212さんがr/YouTubeの投稿で回避策を共有しました。Chaski1212さんはYouTubeのすべての変更を古いUIに戻すコードブロックを書き、実際に動作するようです。私のGoogleアカウントはまだ新しいレイアウトになっていませんが、多くのRedditユーザーがこのコードで自分のアカウントが古いレイアウトに戻ったと報告しているので、今のところは確実な解決策のようです。

以前のYouTubeレイアウトを復元する方法

まず、ブラウザにuBlock Originをインストールする必要があります。これは、ブラウジング中にウェブページ上の様々な要素（特に広告）をブロックできる拡張機能です。uBlock Originではフィルターを設定して、より詳細な設定を行うこともできます。ここでChaski1212さんのコードが役立ちます。

uBlock Originをブラウザにインストールしたら（Chrome、Firefox、Microsoft Edge、Operaで動作します）、拡張機能を開き、3つの歯車をクリックしてダッシュボードを開きます。ここで「My Filters」をクリックし、以下のコードを貼り付けます。

! Youtube の新 UI 修正
youtube.com###関連 #thumbnail.ytd-rich-grid-media:style(margin-right: 8px!important;height: 94px!important;width: 168px!important;min-width: 168px!important;)
youtube.com###related #avatar-link.ytd-rich-grid-media、#related #attached-survey.ytd-rich-grid-media、#related .ytd-rich-shelf-renderer .button-container.ytd-rich-shelf-renderer:style(display:none!important;)
youtube.com###related #dismissible.ytd-rich-grid-media:style(display:flex;flex-direction:row!important;)
youtube.com###関連 #details.ytd-rich-grid-media:style(width: 100%!important;min-width: 0!important;)
youtube.com###関連 #コンテンツ ytd-rich-item-renderer:style(margin:0!important;margin-top:8px!important;)
youtube.com###related ytd-rich-grid-row #contents.ytd-rich-grid-row、#related h3.ytd-rich-grid-media、#related ytd-rich-section-renderer #content、#related #rich-shelf-header.ytd-rich-shelf-renderer:style(margin:0!important;)
youtube.com###related ytd-rich-item-renderer.ytd-rich-grid-row,#content.ytd-rich-item-renderer:style(width:100%!important;)
youtube.com###関連 #video-title.ytd-rich-grid-media:style(font-size:1.4rem!important;)
youtube.com###related .ytd-channel-name a,#related #metadata-line.ytd-video-meta-block span:style(font-size:12px!important;)
youtube.com###related ytd-rich-grid-renderer #contents:style(padding-top:0px!important;)
youtube.com###related .ytd-rich-shelf-renderer ytd-rich-item-renderer.ytd-rich-shelf-renderer:style(width:130px!important;min-width: 130px!important;)
youtube.com###related #contents.ytd-rich-shelf-renderer:style(display: flex !important;flex-direction: row !important;gap: 8px !important;flex-wrap: nowrap!important;max-width: 400px!important;overflow-x: scroll!important;overflow-y:hidden!important)
youtube.com###related .ytd-rich-shelf-renderer .yt-core-image:style(object-fit: cover!important;)
youtube.com###関連ytd-rich-section-renderer #contents:style(margin-left:0!important)
youtube.com###関連 #コンテンツ ytd-rich-section-renderer ytd-rich-item-renderer:style(margin-top:0px!important;)
youtube.com###関連 .ytd-rich-shelf-renderer ytd-rich-item-renderer.ytd-rich-shelf-renderer[hidden=""]:style(display:block!important;)
youtube.com###related #dismissible.ytd-rich-shelf-renderer:style(margin:0!important; border-color: transparent!important)
youtube.com###title yt-formatted-string.ytd-watch-metadata:style(font-size:20px!important; font-weight: 700!important; line-height:28px!important)
youtube.com##+js(yt.config_.EXPERIMENT_FLAGS.kevlar_watch_grid を false に設定)
youtube.com##+js(yt.config_.EXPERIMENT_FLAGS.small_avatars_for_comments、false を設定)
youtube.com##+js(yt.config_.EXPERIMENT_FLAGS.kevlar_watch_comments_panel_button を false に設定)
youtube.com##+js(yt.config_.EXPERIMENT_FLAGS.web_rounded_thumbnails を false に設定)
youtube.com##+js(yt.config_.EXPERIMENT_FLAGS.web_watch_rounded_player_large を false に設定)
youtube.com##+js(設定、yt.config_.EXPERIMENT_FLAGS.kevlar_watch_max_player_width、1280)

このコードの羅列は、uBlock OriginにYouTubeプレーヤーのほぼすべての問題を修正するよう指示するはずです。もしYouTubeのUIが変更されたら、すぐにこのコードに手を伸ばします。YouTubeがこのハックを回避する方法を見つけないことを祈るばかりです。あるいは、もっと良いことに、このデザイン変更を完全に諦めてくれることを祈ります。

次の記事へスクロールしてください