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

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

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

１． YouTube、次にChromeクローム拡張機能 Stylebotスタイルボットを開く。
２．「Stylebotを開く」、次に「コード」をクリックして、空白のページを開く。
３．下のプログラミングっぽいコードを入力して、動画を見るときの邪魔なボタンが非表示になればOK！

コピーボタン↓

/*【動画を見るとき】動画時間・設定以外のボタンを非表示*/
#movie_player .ytp-left-controls button ytp-play-button
[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.yt-uix-sessionlink.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パソコンブラウザの YouTubeで、動画を見るときの「次へ」や「字幕」とかのボタンを非表示にする方法を解説します！

ざっくり言うと、Chromeクローム拡張機能「 Stylebotスタイルボット」（無料）でプログラミングっぽいことをします。

スマホやタブレットではできないことに注意です。

Stylebotを無料でダウンロード

画像は Google Chromeの画面です。

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

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

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

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

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

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

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

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

コピーボタン↓

/*【動画を見るとき】動画時間・設定以外のボタンを非表示*/
#movie_player .ytp-left-controls button ytp-play-button
[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.yt-uix-sessionlink.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;」にすると、非表示にしたボタンが元に戻ります。

StylebotのON・OFFを切り替える

YouTubeのページで、画面右上に作った Stylebotのショートカットをクリックして、「www.youtube.com」の左にあるスイッチを OFFにすると、非表示にしたボタンが元に戻ります。

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

/*【動画を見るとき】動画時間・設定以外のボタンを非表示*/
#movie_player .ytp-left-controls button ytp-play-button
[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^=”設定”]　を追加します。下のコードのように入力すればOK！

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

その他

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

コードの中で「,（カンマ）」が余計な場所に入っていたり、必要な場所になかったりすると、それだけで機能しなくなります。

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

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

/*息を止める息を止める息を止める息を止める息を止める息を止める息を止める息を止める息を止める*/
button.yt-spec-button-shape-next.yt-spec-button-shape-next--tonal.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-leading-trailing.yt-spec-button-shape-next--enable-backdrop-filter-experiment {
  display: none;
}