スマホで読むときは、横持ちがおすすめです。
最速手順(パソコンのみ)
- YouTubeのページ内で、Chrome拡張機能「Stylebot」(無料)を開く。
- 「Stylebotを開く」、次に「コード」を押して真っ白なページを開く。
- 下の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;」にすると無効化されます。
終わり。