【Stylebot】YouTubeの「他の人はこちらも視聴しています」を非表示にするCSS

2021年12月24日Stylebot&Stylus

Stylebot のアイコン

この記事では、YouTubeの「他の人はこちらも視聴しています」を非表示にするCSS について書きます。

ウェブサイトに自分で作成したCSS を適用できるChrome拡張機能「Stylebot」を使います。

YouTube の検索結果

YouTubeの検索結果に表示される「他の人はこちらも視聴しています」と「あなたへのおすすめ」を非表示にするCSS です。

検索したのに、検索結果をスクロールする度に全然関係ない他の人が検索した動画を差し込んでくるのが鬱陶しいと思ったので非表示にしました。

純粋に検索した単語のみを検索結果に表示させたい人、試してみてください。

YouTube の「他の人はこちらも視聴しています」
検索結果にでかでかと君臨する「他の人はこちらも視聴しています」欄

前提

この記事は、既にStylebot をインストールして、なおかつ簡単な使い方を知っている前提です。ウェブサイトに自分で作成したCSS を適用できるChrome拡張機能です。

まだインストールしていない方は、以下の記事を参考にしてみてください。

CSS

書き込むコードは以下になっています。

/*検索結果の「他の人はこちらも視聴しています」&「あなたへのおすすめ」非表示*/
.style-scope ytd-search .style-scope.ytd-shelf-renderer {
  display: none;
}

上記CSS は、ダークモード、ライトモードどちらにも対応しています。

適用した後は、検索結果に僅かに残骸の枠線が残るだけで、コンテンツごとごっそり非表示になります。合わせて「あなたへのおすすめ」も一緒に除去されます。

「他の人はこちらも視聴しています」が非表示になる

残った残骸(枠線)も消し去りたい方は、以下のCSS を併用してください。綺麗さっぱり消えます。

/*残骸の枠線非表示*/
.style-scope ytd-search .ytd-item-section-renderer {
  border: none !important;
}

これで純度100%の検索結果を堪能できるはずです。

まとめ

以上、YouTube の検索結果をカスタマイズするCSS についてでした。

検索結果をスッキリして、より楽しいYouTube ライフを過ごしてみてください。

Posted by ナポリタン寿司