当サイトは、アフィリエイト・アドセンス広告を掲載しています。消費者庁が、2023年10月1日から施行予定である景品表示法の規制対象(通称:ステマ規制)にならないよう、配慮して記事を作成しています(記事はこちら、消す方法はこちら

参考:令和5年10月1日からステルスマーケティングは景品表示法違反となります。 | 消費者庁

YouTubeのプログレスバーのデザインを変更するChrome拡張機能

2022年3月12日YouTube関連

Custom Progress Bar for YouTubeのアイコン

この記事では、PCウェブサイト版「YouTube」のプログレスバー(再生バー)のデザインを変更できるChrome拡張機能「Custom Progress Bar for YouTube(カスタム・プログレスバー・フォー・ユーチューブ)」について書きます。

「Custom Progress Bar for YouTube」でYouTubeのプログレスバーを変更した画像

YouTubeのプログレスバー(赤い丸ボタンの再生バー)のデザインを変更するChrome拡張機能です。本拡張機能内で用意されているデザインに変更できます。本拡張機能を導入して、リスト一覧の中から変更したいデザインをクリックすることで、瞬時に反映されます。

例えば、以下のようなデザインにできます。ほとんどの画像はGIFになっており、動くようになっています。

  • ピカチュウ
  • スター(マリオ)
  • キノコ(マリオ)
  • ピザ
  • バットマン
  • サッカーボール
  • キティちゃん

専用のストアがあり、そこから好きなデザインをダウンロードできます。豊富なデザインが用意されています。

YouTubeのプログレスバーのデザインを変更したい方におすすめです。作業効率などが改善されるわけではありませんが、気分転換には、ちょーどいいかもしれません。プログレスバーとは、YouTubeで動画を再生した時に下の方に表示されるプログレスバー 赤色のバー赤色のバーとプログレスバー 赤色のボタンボタンのことです。

Chrome拡張機能だけのリリースで、Firefoxアドオンは提供されていません。実際に適用してみた動画を貼っておきます。

リリース元:Blife Team
記事執筆時のバージョン:3.0.9(2023年6月8日)

インストール方法

Chromeウェブストアからインストールできます。

「Chromeに追加」をクリックします。

「Custom Progress Bar for YouTube」拡張機能をインストールする手順画像1

「拡張機能を追加」をクリックします。

「Custom Progress Bar for YouTube」拡張機能をインストールする手順画像2

拡張機能のオーバーフローメニューにアイコンが追加されればOKです。

「Custom Progress Bar for YouTube」拡張機能をインストールする手順画像3

インストールした時、新しいタブでストアページが表示されます。不要な場合、右上の「×」でチュートリアルを終了して、タブを閉じます。

「Custom Progress Bar for YouTube」拡張機能をインストールする手順画像4

使い方

デザインを変更する方法

YouTube」にアクセスして、右上の「Custom Progress Bar for YouTubeのアイコン」拡張機能ボタンをクリックします。初期でいくつかのデザインが用意されています。適用したいアイコンをクリックします。

「Custom Progress Bar for YouTube」拡張機能でプログレスバーを変更する手順画像1

選択されたらOKです。

「Custom Progress Bar for YouTube」拡張機能でプログレスバーを変更する手順画像2

選択したら、すぐに反映されます。ページのリロード、ブラウザの再起動などは必要ありません。プログレスバーが表示される動画の再生画面にアクセスします。プログレスバーが設定したデザインに変わっています。

「Custom Progress Bar for YouTube」拡張機能でプログレスバーを変更する手順画像3

動画の進行状況に応じて、プログレスバーのアイコンも動きます。アニメーションになっています。

「Custom Progress Bar for YouTube」拡張機能で、スーパーマリオのプログレスバーにしたGIF画像

いくつか適用してみた画像を貼っておきます。

「Custom Progress Bar for YouTube」拡張機能を使って、YouTubeのプログレスバーのデザインを変更してみた比較画像

デザインを削除する方法

拡張機能のポップアップを開いて、下部の歯車アイコン(⚙)をクリックします。

「Custom Progress Bar for YouTube」の設定にアクセスする手順画像

削除したいアイコンの「Delete」をクリックします。

「Custom Progress Bar for YouTube」のアイコンを削除する手順画像1

「Yes」をクリックします。削除されます。

「Custom Progress Bar for YouTube」のアイコンを削除する手順画像2

新しいプログレスバーをダウンロードする方法

以下の専用ストアから、好きなプログレスバーのデザインをダウンロードできます。

拡張機能のポップアップからもストアページを開ける

あるいは拡張機能のポップアップ→「More」をクリックすることでも開けます。

「Custom Progress Bar for YouTube」でストアページにアクセスする手順画像

ずらっとデザインの一覧が表示されます。好きなデザインを探します。英語なので、翻訳ツールを活用して日本語にするといいかもしれません。左側サイドバーから、新しい順、コレクションパック、人気順に絞り込めます。

ストアから「Custom Progress Bar for YouTube」のアイコンをダウンロードする手順画像1

好みのデザインがあれば、「Add」をクリックします。

ストアから「Custom Progress Bar for YouTube」のアイコンをダウンロードする手順画像2

「Success」と表示されればOKです。

ストアから「Custom Progress Bar for YouTube」のアイコンをダウンロードする手順画像3

YouTubeにアクセスした、拡張機能のポップアップを開きます。ポップアップ内を一番下にスクロールすると、新しくダウンロードしたアイコンが表示されます。選択することで、YouTubeに反映されます。

ストアからダウンロードしたカービィのプログレスバーを「Custom Progress Bar for YouTube」で適用した画像

感想

以上、PCウェブサイト版「YouTube」のプログレスバーのデザインを、デフォルトの赤丸・赤いバーから変更するChrome拡張機能「Custom Progress Bar for YouTube(カスタム・プログレスバー・フォー・ユーチューブ)」についてでした。

合わせて読みたい

YouTubeのプログレスバーを、動画の外の下側に表示するChrome拡張機能「Outside YouTube Player Bar」というのもあります。通常、動画の上にプログレスバー(再生バー)が表示されるので、下の方が見えにくいです。

本拡張機能を使うことで、快適に動画を閲覧できます。「Custom Progress Bar for YouTube」とも併用できました。

2022年3月12日YouTube関連