広告を利用しています

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

【Video Control for Instagram】動画にコントロールバーを表示する拡張機能

2023年11月28日Instagram関連

「Instagram」のアイコン画像

この記事では、PC版ウェブサイト版「Instagram」のストーリーやリールなどの動画にコントロールバー(シークバー)を設置してくれるChrome拡張機能「Video Control for Instagram」について書きます。

「YouTube」みたいに再生地点を変更したり、再生・一時停止、全画面、再生速度の変更、ピクチャーインピクチャー機能を利用できます。

【Video Control for Instagram】動画にコントロールバーを表示する拡張機能

PC版ウェブサイト「Instagram」の動画には、他サイトでは当たり前のようにあるコントロールバー(シークバー)が実装されていません。

シークバーがないので動画の総時間に対してどのくらい再生したのか、どの地点にいるのかが一切分からないようになっています。5秒地点から再生する…といった再生地点の変更もできません。

PCウェブサイト版「Instagram」のリール動画画像

唯一マウスクリックでの再生・一時停止と右下の音量ミュート切り替えができます。「YouTube」や他の動画サイトと比べてかなり不便だと思います。

本拡張機能を導入することで「YouTube」などの動画サイトと同様進行状況バーを表示してくれます。10秒の動画で今4秒地点を再生している…といったように確認できます。

再生地点の変更、音量調整、ミュート切り替え、再生速度変更、ピクチャーインピクチャーなども可能になります。

「Instagramのリール動画が見にくい!再生バーが欲しい!」という方参考にしてみてください。本記事は拡張機能を導入できるPCブラウザ向けです。スマホやタブレットのアプリ版ではできません。

余談ですが、あのバーの正式名称が分かりません。気分によってコントロールバー、シークバー、進行状況バー、再生バーとか呼んでいます。

リリース元:David SchulteInstagramYouTubeGitHub
記事執筆時のバージョン:1.5.0(2025年01月13日)

インストール方法

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

Firefoxをご利用の場合

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

「Video Control for Instagram」拡張機能をインストールする手順画像1

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

「Video Control for Instagram」拡張機能をインストールする手順画像2

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

「Video Control for Instagram」拡張機能をインストールする手順画像3

使い方

動画を再生する

本拡張機能を導入した状態で「Instagram」にアクセスします。既に開いていた場合は一度リロードします。適当に動画を探します。左側サイドバーの「リール動画」を押すとすぐに確認できます。

PCウェブサイト版「Instagram」のリール動画にアクセスする手順画像

僕は試しに自分が投稿した亀さんのリール動画を見てみます。

PCウェブサイト版「Instagram」で、ナポリタン寿司が作成したリール動画を開く手順画像

コントロールバーで再生地点の変更

動画を開いたら拡張機能導入前はなかったコントロールバーが下部に表示されます。

「Video Control for Instagram」拡張機能で再生地点を変更する手順画像1

動画を再生するとバーも同じように右に向かって進行します。好きなバー上をクリックすることで再生地点を変更できます。適当に飛ばし飛ばしで見ることが可能です。

「Video Control for Instagram」拡張機能で再生地点を変更する手順画像2

音量変更・ミュート

音量ボタンにマウスを乗せると音量調整スライダーが表示されます。

「Video Control for Instagram」拡張機能で音量調整する手順画像

再生速度変更・ピクチャーインピクチャー

コントロールバー内の三点ボタン(⋮)をクリックします。再生速度変更、ピクチャーインピクチャーの項目が表示されます。

「Video Control for Instagram」拡張機能でピクチャーインピクチャーを利用する手順画像1

ピクチャーインピクチャーにすることで、最前面固定化されて好きな場所に移動できます。まぁあんまりピクチャーインピクチャーしながら見るような動画はInstagram上にはないかなという印象です。

「Video Control for Instagram」拡張機能でピクチャーインピクチャーを利用する手順画像2

動画の右クリックもできるようになる

拡張機能導入前は動画上で右クリックしても何も表示されませんでした。拡張機能導入後は動画上での右クリックで動画のメニューを表示してくれます。

ループ、すべてのコントロールを表示、動画フレームをコピー、ピクチャーインピクチャーなどの機能にアクセスできます。

「Video Control for Instagram」拡張機能を導入して右クリックした画像

ストーリー動画でも利用できる

リール動画だけでなくストーリー動画にも反映されます。ストーリーの写真だと表示されませんが、映像だと表示されます。

「Video Control for Instagram」拡張機能を導入したストーリー動画画像

【余談】「YouTube」のショートを通常動画で再生する方法

Youtube-shorts blockユーチューブ・ショート・ブロック」拡張機能を導入することで、ショート動画を開いた時自動的に通常の動画リンクに置き換えて再生してくれます。

置き換えることで通常動画と同じようにコントロールバー(シークバー)が表示されます。ショート動画を再生・閲覧しやすくなります。快適です。

感想

以上、PC版ウェブサイト版「Instagram」のストーリーやリールなどの動画に、コントロールバー(シークバー)を設置してくれるChrome拡張機能「Video Control for Instagram」についてでした。

インストールするだけで他の余計な設定・作業が必要ないので初心者さんでも導入しやすいかなと思います。

本記事で利用させていただいたアイコン画像:社会-メディアは instagramでは スクエア – ソーシャルメディアとロゴ アイコン

2023年11月28日Instagram関連

Posted by ナポリタン寿司