YouTubeを見るときの邪魔なボタンを非表示！【Chrome拡張機能 Stylebot】

スマホの方は横持ちがおすすめです。

最速手順（パソコンのみ）

１． YouTube、次に、拡張機能の Stylebotスタイルボットを開く。
２．「 Stylebotを開く」、次に「コード」をクリックし、空白のページを開く。
３．下のプログラミングっぽいコードを入力すればOK！

コピーボタン↓

/*【動画を見るとき】動画時間・設定以外のボタンを非表示*/
[aria-label^="再生"],
[aria-label^="一時停止"],
[aria-label^="もう一回見る"],
[aria-label^="次へ"],
[aria-label^="ミュート"],
[aria-label^="音量"],
[aria-label^="自動再生"],
[aria-label^="字幕"],
[aria-label^="ミニプレーヤー"],
[aria-label^="シアター モード"],
[aria-label^="全画面"] {
  display: none;
}

/*【動画を全画面で見るとき】タイトル*/
a.ytp-title-link.ytp-title-fullerscreen-link {
  display: none;
}

/*【動画を全画面で見ているとき】後で見る・共有*/
div.ytp-share-icon,div.ytp-watch-later-icon {
  display: none;
}

/*【動画を全画面で見ているとき】スクロールして詳細を表示*/
button.ytp-fullerscreen-edu-button.ytp-button {
  display: none;
}

PCパソコンの Googleグーグル Chromeクロームや Microsoftマイクロソフト Edgeエッジで、 YouTubeを見るときの「ミュート」や「字幕」とかのボタンを非表示にする方法を解説します。

ざっくり言うと、Chrome拡張機能「 Stylebotスタイルボット」でプログラミングっぽいことをします。スマホやタブレットではできません。

Stylebotは無料でダウンロードできる

画像は Chromeの画面です。

１．chromeウェブストアで
Stylebotを検索して、「Chromeに追加」をクリックします。

２．「 Stylebotを追加しますか？」の確認画面で、「拡張機能を追加」をクリックします。

３．英語のページに飛ばされますが、無視して大丈夫です。

４．①画面右上の拡張機能ボタン、② 固定ボタンをクリックして、 Stylebotのショートカットを作ります。

動画を見るときのボタンを非表示！

① YouTubeのページで Stylebotを開いて、「 Stylebotを開く」をクリックします。

反応しないときは、画面左上の再読み込みボタンをクリックしてから、試してみてください。

②「コード」をクリックして、
③出てきた空白のページに、下のプログラミングっぽいコードを入力すればOK！

コピーボタン↓

/*【動画を見るとき】動画時間・設定以外のボタンを非表示*/
[aria-label^="再生"],
[aria-label^="一時停止"],
[aria-label^="もう一回見る"],
[aria-label^="次へ"],
[aria-label^="ミュート"],
[aria-label^="音量"],
[aria-label^="自動再生"],
[aria-label^="字幕"],
[aria-label^="ミニプレーヤー"],
[aria-label^="シアター モード"],
[aria-label^="全画面"] {
  display: none;
}

/*【動画を全画面で見るとき】タイトル*/
a.ytp-title-link.ytp-title-fullerscreen-link {
  display: none;
}

/*【動画を全画面で見ているとき】後で見る・共有*/
div.ytp-share-icon,div.ytp-watch-later-icon {
  display: none;
}

/*【動画を全画面で見ているとき】スクロールして詳細を表示*/
button.ytp-fullerscreen-edu-button.ytp-button {
  display: none;
}

動画を見る画面（通常）

動画を見る画面（全画面）

非表示にしたボタンを元に戻す

Stylebotに入力したコードを１文字だけ削除

紹介したコードは、それぞれ「display: none;」という英語が入っています。
語尾の「e」だけ削除して「display: non;」にすればOK！

StylebotのON・OFFを切り替える

YouTubeのページで、画面右上に作った Stylebotのショートカットをクリックして、「www.youtube.com」の左にあるスイッチを OFFにすればOK！

非表示にするボタンを細かく指定する

非表示にしたいボタンを追加

例えば、設定ボタンも非表示にするときは、下のコードの {波かっこよりも前に
,[aria-label^=”設定”]　を追加します。

/*【動画を見るとき】動画時間以外のボタンを非表示*/
[aria-label^="再生"],
[aria-label^="一時停止"],
[aria-label^="もう一回見る"],
[aria-label^="次へ"],
[aria-label^="ミュート"],
[aria-label^="音量"],
[aria-label^="自動再生"],
[aria-label^="字幕"],
[aria-label^="ミニプレーヤー"],
[aria-label^="シアター モード"],
[aria-label^="全画面"],
[aria-label^="設定"]
{
  display: none;
}

残したいボタンがあるとき

例えば、全画面ボタンを残したいときは、下のコードから　,[aria-label^=”全画面”]　を削除します。このとき、不要な「,カンマ」の消し忘れに注意です。

今回なら、[aria-label^=”シアターモード”]　の後ろの「,」も削除します。

/*【動画を見るとき】動画時間・設定以外のボタンを非表示*/
[aria-label^="再生"],
[aria-label^="一時停止"],
[aria-label^="もう一回見る"],
[aria-label^="次へ"],
[aria-label^="ミュート"],
[aria-label^="音量"],
[aria-label^="自動再生"],
[aria-label^="字幕"],
[aria-label^="ミニプレーヤー"],
[aria-label^="シアター モード"],
[aria-label^="全画面"]
{
  display: none;
}

ボタンを非表示にできなかったとき

ボタンの上にマウスカーソルを置く

ミュートボタンと全画面ボタンが非表示にならない場合があります。
そのときは、マウスカーソルをやの上に置いてみてください。

,（カンマ）の消し忘れ、入れ忘れに注意

コードの中で「,」が余計な場所に残っていたり、必要な場所になかったりすると、それだけでボタンを非表示にできなくなります。

コードの「/」「 /」はメモの役割

「/*」と「*/」の間に挟まれた文字は、メモ扱いになります。「/*」と「*/」の間なら、どんな言葉を入れてもコードは機能します。

/*息を止める息を止める息を止める息を止める息を止める息を止める息を止める息を止める息を止める*/
[aria-label^="再生"],
[aria-label^="一時停止"],
[aria-label^="もう一回見る"],
[aria-label^="次へ"],
[aria-label^="ミュート"],
[aria-label^="音量"],
[aria-label^="自動再生"],
[aria-label^="字幕"],
[aria-label^="ミニプレーヤー"],
[aria-label^="シアター モード"],
[aria-label^="全画面"] {
  display: none;
}