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

2023年6月18日YouTube関連

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

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

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

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

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

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

リリース元：Blife Team
記事執筆時のバージョン：3.0.9（2023年6月8日）

インストール方法

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

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

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

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

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

使い方

デザインを変更する方法

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

選択されたらOKです。

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

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

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

デザインを削除する方法

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

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

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

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

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

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

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

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

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

感想

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