YouTube再生画面のおすすめや評価を隠す拡張機能

YouTubeを見ているときに横に出てくるおすすめを隠したかったので非表示にするブラウザ拡張機能を作りました。この拡張機能で見たくないものを非表示にしましょう。

※Microsoft Edgeでもこの拡張機能は動作します。
※スマートフォンのChromeには対応していません。

この拡張機能を使うとこうなります

再生画面のおすすめが見えなくなります。
低評価ボタンを非表示にします。
チャンネル登録数、再生回数、高評価件数を非表示にします。

拡張機能のセットアップ（Chromeの場合）

使いたい人は下記の手順でセットアップしてください。これはソース公開の拡張機能です。

1. この拡張機能を入れるフォルダをパソコン内に作ってください。

　Cドライブの中でずっと同じ場所で使えるところにフォルダを作ってください。

　よくわからない人はCドライブの直下に「SimpleTubePlayer」というフォルダで作ってください。

2. 下記2つの内容をそれぞれファイルにして作ったフォルダに入れます。右上の「全選択」を押してコードをメモ帳にコピー＆ペーストして、指定のファイル名で保存してください。

文字コードはUTF-8にしてください。

下の内容をファイル名「manifest.json」、文字コードUTF-8で保存

 
{
  "name": "SimpleTubePlayer",
  "description": "YouTube再生画面をシンプルにします。",
  "version": "1.2.0",
  "manifest_version": 3,
  "web_accessible_resources": [],
  "permissions": [],
  "content_scripts": [
    {
      "matches": ["https://www.youtube.com/watch*"],
      "css": ["hide_style.css"]
    }
  ]
}

下の内容をファイル名「hide_style.css」、文字コードUTF-8で保存

 
div#secondary div#secondary-inner div#related,
.ytd-watch-next-secondary-results-renderer,
like-button-view-model div.yt-spec-button-shape-next__button-text-content,
dislike-button-view-model,
#owner-sub-count,
div#info-container yt-formatted-string span:nth-of-type(1),
div#info-container yt-formatted-string span:nth-of-type(2) {
	display:none !important;
}

like-button-view-model div.yt-spec-button-shape-next__icon {
	width: 52px !important;
}

like-button-view-model div.yt-spec-button-shape-next__icon::after {
	content: " Like";
}

.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-start {
	border-radius: 18px !important;
}

#secondary {
	width: 0 !important;
	min-width: 0 !important;
}

#secondary:has(yt-formatted-string a.yt-formatted-string) {
	width: 400px !important;
	min-width: 300px !important;
}

3. フォルダ内に「manifest.json」「hide_style.css」のファイルがあることを確認します。

4. Chromeを起動します。右上のメニュー（…のところ）→「拡張機能」→「拡張機能を管理」をクリックして拡張機能の画面を出します。

5. 拡張機能画面の右上にある「デベロッパーモード」を有効にします。

6. 拡張機能画面に「パッケージ化されていない拡張機能を読み込む」ボタンが出てくるのでクリック。

7. フォルダ選択画面が出るので、手順1で作ったフォルダを選択します。

8. 拡張機能画面に「SimpleTubePlayer」が読み込まれたら完了です。

拡張機能のセットアップ（Microsoft Edgeの場合）

Microsoft Edgeの拡張機能としても動作します。読み込み方法は下記になります。

1～3. 「拡張機能のセットアップ（Chromeの場合）」の1～3の手順を行ってください。

4. Edgeを起動します。右上のメニュー（…のところ）→「拡張機能」をクリック。ポップアップされた画面の「拡張機能の管理」をクリックして拡張機能の画面を出します。

5. 拡張機能画面の左下にある「開発者モード」を有効にします。

6. 拡張機能画面の右上に「展開して読み込み」ボタンが出てくるのでクリック。

7. フォルダ選択画面が出るので、手順1で作ったフォルダを選択します。

8. 拡張機能画面に「SimpleTubePlayer」が読み込まれたら完了です。

YouTubeにアクセスして試してみましょう

YouTubeの再生画面で今までおすすめがあったところや一部の表示が無くなってシンプルな見た目になります。動画に集中できます。

リリースノート

1.2.0 2024/07/27

高評価ボタンを表示するようにしました

1.1.0 2024/07/10

不具合を修正しました

1.0.0 2024/07/07

最初のバージョン

net tips

このブログを検索