【YouTube】「視聴者はこのチャンネルも見ています」非表示CSS

2023年4月16日YouTube

この記事では、PCウェブサイト版「YouTube」の動画サムネイルにマウスを乗せた時、上部に表示される「〇〇の視聴者はこのチャンネルも見ています」というバナーを非表示にするCSSを紹介します。

ウェブサイトに自分で作成したCSSを適用できるChrome拡張機能「Stylebot（スタイルボット）」や「Stylus（スタイラス）」を利用します。

PCでYouTubeを見ていたら、動画のサムネイルにマウスを乗せた時、動画によっては、上部に「〇〇の視聴者はこのチャンネルも見ています」というバナーがひょっこり表示されることに気づきました。

普段、マウスをサムネイルに乗せて数秒待つ行為を、そんな頻繁にしていなかったので、気づきませんでした。トップページの全ての動画に表示されるわけではなく、一部動画のみです。

恐らく、文字通り、「〇〇チャンネルの視聴者は、この動画（チャンネル）も見ているよ」という意味だと思います。僕以外にも、見ているんだ…という人のつながりを感じてしまい、嫌になったので、消すことにしました。

いつでも元に戻せます。本記事は、Chrome拡張機能・Firefoxアドオンを利用できるPCブラウザ限定です。スマホのアプリ版ではできません。拡張機能を利用できるブラウザアプリ（例：Kiwi Browser）などを使えば、もしかしたらできるかもしれません。

1. インストール方法
2. 「〇〇の視聴者はこのチャンネルも見ています」を消すCSS
3. 感想

インストール方法

Chromeウェブストアからインストールできます。Chrome拡張機能だけでなく、「Microsoft Edge」と「Firefox」版もあります。

Stylebot

Change the appearance of the web instantly

https://chromewebstore.google.com/detail/stylebot/oiaejidbmk...

「Chromeに追加」をクリックしてインストールします。

右上に拡張機能ボタンが追加されればOKです。詳しく使い方を知りたい方は、以下の記事を参考にしてみてください。

【Stylebot】サイトにCSSを適用できる拡張機能の使い方

この記事では、ウェブサイトに自分で作成したCSSを適用できるChrome拡張機能「Stylebot」について書き ...

https://www.naporitansushi.com/stylebot/

「〇〇の視聴者はこのチャンネルも見ています」を消すCSS

「YouTube」にアクセスします。インストールした「Stylebot」拡張機能アイコンをクリック→「Stylebotを開く」をクリックします。

右側に白紙のサイドバーが表示されます。もし初めて「Stylebot」を起動した場合は、「ベーシック」という画面が表示されます。下部にある「コード」をクリックすると、白紙のスタイルシート画面を開けます。以下のコードを書き込みます。

/*「〇〇の視聴者はこのチャンネルも見ています」バナー非表示*/
div#inner-background {
  display: none !important;
}

「div#inner-background」が、動画の後ろに表示されるバナーを指します。もしかしたら、「視聴者はこのチャンネルも見ています」以外に、表示されるバナー系も消えてしまうかもしれません。僕は、「視聴者はこのチャンネルも見ています」のバナーしか見たことがなかったので、気にせず消しました。他にも、なんかバナー系あるのかなぁ…。

「display: none !important;」が非表示にするという意味です。

下記画像のようになればOKです。右上の「×」でスタイルシートを閉じます。