【YouTube】検索結果とホームからミックスリストを削除するCSS

PCウェブサイト版「YouTube」で検索していると、ちょくちょく「ミックスリスト」という謎のプレイリストが表示される時があります。AIが自分のために自動生成してくれた無限に続くプレイリストです。

僕は音楽のミックスリストを垂れ流しにする時がちょくちょくあるので表示されていてもあんまり鬱陶しくないんですが、本記事ではCSSで非表示にしてみます。自身のブラウザ上だけの反映で他人には影響しません。いつでも元に戻せます。
検索結果のミックスリストだけでなく、通常のプレイリストも非表示にするCSSも紹介します。2024年12月に検索結果ではなくトップページのみで発動させたいという声をいただいたのでCSSを追記しました。
本記事は拡張機能を導入できるPCブラウザ向けです。スマホやタブレットのアプリ版ではできません。
拡張機能を利用できるブラウザアプリ(例:Kiwi Browserは2025年1月で開発終了なのでMicrosoft Edge CanaryやFirefox)などをインストールしてCSSを書き込み、ブラウザ版から利用する場合はもしかしたら使えるかもしれません。
インストール方法
Chromeウェブストアからインストールできます。
Chrome拡張機能だけでなく「Microsoft Edge」と「Firefox」版もあります。本記事では「Stylebot」を紹介しますが「Stylus」などでもOKです。僕はメインでは「Stylus」を使っています。
「Chromeに追加」をクリックします。

「拡張機能を追加」をクリックします。

拡張機能のオーバーフローメニューに追加されたらOKです。

頻繁に開く場合は拡張機能のオーバーフローメニューを開いて「Stylebot」の隣にあるピン留めアイコンをクリックします。ツールバーに直接配置されます。

詳しい使い方を知りたい方は以下の記事を参考にしてみてください。
ホームと検索結果から「ミックスリスト」を消すCSS
スタイルシートを開く
「YouTube」にアクセスします。インストールした「Stylebot」拡張機能アイコンをクリック→「Stylebotを開く」をクリックします。

右側に白紙のサイドバーが表示されます。
もし初めて「Stylebot」を起動した場合は「ベーシック」という画面が表示されます。下部にある「コード」をクリックすると白紙のスタイルシート画面を開けます。
CSSを書き込む
以下のコードを書き込みます。
/*検索結果とトップページの「ミックスリスト」を非表示にする(2025年01月27日修正)*/
:is(yt-lockup-view-model.lockup,ytd-rich-item-renderer.ytd-rich-grid-renderer):has(a[href*="&start_radio"]){
display: none !important;
}
下記画像のようになればOKです。右上の「×」でスタイルシートを閉じます。

本記事のCSSは僕が適当に作成したコードです。皆さんの環境によっては使えなかったり、サイト側の仕様変更でいつの間にか使えなくなる可能性もあります。
もし書き込んでも反映されない場合、問い合わせより教えていただければ幸いです。初心者の僕ができる範囲で修正したいと思います。
再度拡張機能ボタンを押して、登録したサイト(例:www.youtube.com
)がオンになっていることを確認します。オンになっている間は有効になっているということです。
トップページや検索結果からミックスリストが非表示になります。

2025年01月27日にCSS修正する前はトップページに不自然な穴(虫食い状態)ができていましたが、修正後はちゃんと詰めてくれると思います。
一時的に無効化したい場合は、拡張機能メニュー内にある「Stylebot」アイコンを左クリック→「www.youtube.com
」をオフにします。完全に使わなくなった場合は書き込んだコードを削除します。
ミックスリストじゃなくてプレイリストも全部消したい場合
検索結果には自動生成されたミックスリストではなく、通常のプレイリストも表示されます。
これら全てを消したい場合は、上記の「/*検索結果の「ミックスリスト」を非表示にする*/
」CSSの代わりに以下のCSSを使います。
/*検索結果の「ミックスリスト」と「プレイリスト」を非表示にする(2024年11月14日修正)*/
#container.ytd-search yt-lockup-view-model.lockup {
display: none !important;
}
「ミックスリスト」と「〇本の動画」両方を消します。

検索結果ではなくホームだけで動作させたい場合
以下のCSSを使います。
/*トップページの「ミックスリスト」を非表示にする(2025年01月27日修正)*/
ytd-rich-item-renderer.ytd-rich-grid-renderer:has(a[href*="&start_radio"]){
display: none !important;
}
同じく検索結果関連の記事紹介
他の人はこちらも視聴しています
同じようにCSSを適用できるChrome拡張機能・Firefoxアドオンを利用することで消せます。ごちゃごちゃした不要な要素がない綺麗な検索結果を楽しめます。個人的に必須です。

スポンサー動画
2023年10月下旬あたりから、表示されるようになった検索したキーワードとは関係ない「スポンサー」タイルの動画を消す方法です。
「YouTube Premium」に加入していない&広告ブロッカーなどを利用していない方に表示されるようです。加入している方は恐らく表示されないと思うので特に気にすることはないかなと思います。
検索結果、関連動画、トップページのショート項目
以下の記事を参考にしてみてください。
- 【YouTube】検索結果のショート項目・動画を非表示にするCSS
- 【YouTube】関連動画の「ショート」項目を非表示にするCSS
- 【YouTube】トップページのおすすめとかショート欄とか非表示CSS
感想
以上、PCウェブサイト版「YouTube」のトップページと検索結果から自動生成のミックスリスト(プレイリスト)を非表示にするCSSでした。
余談ですが、特定のワードやチャンネルで動画を非表示できる拡張機能「YouTubeフィルタ」を使うことでも消せます。「非表示タイトル」に「ミックスリスト」と入力します。検索結果やトップページから消えます。

ただし、この方法はタイトルに「ミックスリスト」と含まれている場合に全て消すので思わぬ誤動作が発生するかもしれません。まぁミックスリスト以外でタイトルに「ミックスリスト」ってつけている動画があるか僕には分かりません。