【YouTube】「後で見る」「キューに追加」を消すCSS(拡張機能「Stylebot」)

スマホで読むときは、横持ちがおすすめです。

最速手順(パソコンのみ)

  1. YouTubeのページ内で、Chromeクローム拡張機能「Stylebotスタイルボット」(無料)を開く。
  2. 「Stylebotを開く」、次に「コード」を押して真っ白なページを開く。
  3. 下のCSSコードをコピペして、サムネイル右上にマウスカーソルを置いても「後で見る」「キューに追加」が出なくなれば完了。

コピーボタン↓

/*【サムネイル右上】後で見る・キューに追加*/
ytd-thumbnail-overlay-toggle-button-renderer.style-scope.ytd-thumbnail {
  display: none;
}

ここからStylebotの使い方を解説します。

PC(パソコン)ブラウザ版「YouTube」のサムネイル右上「後で見る・キューに追加」を消すCSSコードを紹介します。

自分で考えたコードをウェブサイトに適用できるChromeクローム拡張機能「Stylebotスタイルボット」(無料)を使います。

スマホやタブレットでは使えません。

紹介するコードは、YouTubeの仕様変更で使えなくなる可能性があります。その点を理解のうえ、お使いください。

「後で見る」「キューに追加」が出なくなる

「Stylebot」のインストール方法

Chromeウェブストアで下記画像のStylebotのページから、「Chromeに追加」を押してインストールします。

「自分の全データの読み取りと変更」などと聞かれますが、「拡張機能を追加」を押します。

「Stylebot Help」などと英語のページに飛ばされますが、このページは閉じて大丈夫です。

PC画面の右上に拡張機能ボタンが追加されればOK(初めて拡張機能をインストールした場合)。固定ボタンを押してショートカットをつくります。

CSSコードの入力方法

Stylebotを開き、①「Stylebotを開く」②「コード」を押して、③真っ白なページが出たら、下にあるCSSコードを入力します。

                             コピーボタン↓ 

/*【サムネイル右上】後で見る・キューに追加*/
ytd-thumbnail-overlay-toggle-button-renderer.style-scope.ytd-thumbnail {
  display: none;
}
ビフォー
アフター

CSSコードを無効にする

  • Stylebot内のオンオフスイッチを使う。
  • 入力したコードを一部消す(または全部)。

解説します↓

Stylebotのオンオフスイッチ

YouTubeのページ内でStylebotを開き、YouTubeのサイト名(www.youtube.com)の左側にあるスイッチをオフにすると、入力したコードが無効化されます。

入力したコードを無効化

入力したコードを一部(または全部)消す

紹介したコードには「display: none;」という英文が入っています。語尾の「e」だけ消して、「display: non;」にすると無効化されます。

ビフォー
アフター

終わり。