【Better YouTube Shorts】ショートにシークバー、ボタンを設置する拡張機能
この記事では、PCウェブサイト版「YouTube」のショート動画に、コントロールバー、再生速度変更、連続再生のオンオフボタンを追加するChrome拡張機能「Better YouTube Shorts」について書きます。
PCウェブサイト版「YouTube」のショート動画は、通常動画のレイアウト（UI）と異なっています。
通常動画は、シークバーがあり、いつでも動画の再生地点を変更できます。ショート動画の場合、動画下部にシークバー（コントロールバー）がないため、再生地点を変更できません。
せいぜいできることは、動画上のクリックでの再生・一時停止と、右上にある音量ボタンのクリックでのミュート切り替え程度です。シークバーがないため、そのショート動画があとどのくらいの残り時間なのか、今どこの地点を再生しているのか全く分かりません。
本記事で紹介する拡張機能を導入することで、ショート動画にシークバーを実装できます。通常動画と同じで、現在地点と残り時間を確認できます。クリックで再生地点も変更できます。戻ったり、進んだりできます。
自動再生のオンオフ機能も搭載しています。通常、ショート動画は再生が終わっても、同じ動画がずっとループします。次の動画に移動するには、マウスのホイール回転する必要があります。拡張機能を使えば、何もしなくても動画の再生が終わり次第、スクロールして次の動画に切り替えてくれます。
当サイトではこれまでショート動画を非表示にする拡張機能や、ショート動画を開いた時、自動的に通常動画のURLに変換する拡張機能を紹介していました。
- 【No YouTube Shorts】ショート動画を非表示にする拡張機能
- YouTubeのショート動画を普通の動画として表示する拡張機能
- 【YouTube】トップページのおすすめとかショート欄とか非表示CSS
- 【YouTube】検索結果のショート項目・動画を非表示にするCSS
- 【YouTube】関連動画の「ショート」項目を非表示にするCSS
本記事は、ショートのレイアウトを保ったまま、シークバーなどの便利機能を使いたい方向けです。そこまで大きくデザインや使い勝手が変わらないので、すぐに馴染むと思います。
本記事は、拡張機能を導入できるPCブラウザ向けです。スマホやタブレットのアプリ版ではできません。
リリース元：Young Shung（公式ブログ）
記事執筆時のバージョン：3.5.0（2024年1月5日）
インストール方法
Chromeウェブストアからインストールできます。
https://chromewebstore.google.com/detail/better-youtube-shor...Firefoxをご利用の方は、以下のFirefoxアドオンストアからインストールできます。
https://addons.mozilla.org/ja/firefox/addon/better-youtube-s...「Firefoxへ追加」をクリックします。
「Chromeに追加」をクリックします。
「拡張機能を追加」をクリックします。
拡張機能のオーバーフローメニュー内に、拡張機能ボタンが追加されればOKです。
使い方
拡張機能を導入した状態で「YouTube」にアクセスします。既に開いていた場合は、一度ページをリロードします。
適当にショート動画を再生します。試しに「ナポリタン寿司の自然日記」を開いてみます。ショート動画は、チャンネルページ上部の「ショート」タブをクリックすることで確認できます。
シークバーで再生地点変更
ショート動画のプレーヤーを開くと、下部に赤いプログレスバーがあると思います。デフォルトでは細い線ですが、マウスを乗せるとびよーんと太くなります。クリックで再生地点を変更できます。
マウスを乗せた部分に小さくポップアップで、経過時間を表示してくれます。下記画像では、ここをクリックすると12.8秒目に飛びますよ～という意味です。
動画を貼っておきます。
自動再生のオンオフ
ショート動画の右側にあるいいねや低評価ボタンの上に、新しく「自動再生」ボタンが追加されています。
オンにすると、現在再生しているショート動画を最後まで見た時、自動的にページをスクロールして、次の動画に再生してくれます。オフにすると、通常の挙動と同じでその動画をずっとループします。
動画の総時間、進行時間の確認
「自動再生」ボタンの下に、再生速度変更と時間を確認できる項目があります。進行時間/動画の総時間となっています。下記画像では、15秒の動画中、今6秒目を再生中ということです。残り時間は、15-6＝9秒ですね。
ショート動画の最大時間は確か60秒なので、60秒以上の総時間はないと思います。
再生速度の変更
再生速度変更ボタンをクリックすることで、速度を変更できます。僕の場合、クリックだと1倍速、1.5倍速に切り替わりました。クリックではなく、ボタンの上でマウスホイール回転すると、0.75倍速、1.25倍速に切り替わりました。
キーボードのU（速度を下げる）、I（リセット）、O（速度を上げる）を使うことでも変更できました。ショートカットキーは設定から変更できます。
設定
拡張機能メニュー内にある「Better YouTube Shorts」アイコンをクリックします。頻繁に設定を弄る方は、ピン留めアイコンをクリックして、外にだしておくといいかもしれません。
ショートカットキーの変更
各動作のショートカットキーを変更できます。
デフォルトでは以下のようになっていました。
| 「Better YouTube Shorts」で使えるショートカットキー | |
|---|---|
| 巻き戻し | ← |
| 先送り | → |
| 再生速度を上げる | U |
| 通常の再生速度 | I |
| 再生速度を下げる | O |
| 音量を下げる | - |
| 音量を上げる | = |
| 全画面切り替え | F |
| 初めから再生 | J |
| 次フレーム | 無効 |
| 前フレーム | 無効 |
| 次のショート | 無効 |
| 前のショート | 無効 |
変更したい項目の鉛筆ボタンを押して、好きなキーを押します。
高度なオプション
ポップアップ設定内の下部にあるボタンをクリックすることで、ページを切り替えられます。
高度なオプションページが表示されます。
高評価が少ないショートは自動的にスキップする機能や、自動的にコメントを開く機能が用意されています。
コメントを開く機能が便利だと思って、僕の環境でちょっとだけ試してみたんですが、僕の使い方がわるいのか動作しませんでした。どうすれば動作するのか不明です。不具合とかだったら、アップデート次第で治るかもしれません。
機能のオンオフ
目玉に斜線ボタンを押すと、機能のオンオフページが開かれます。
「再生速度の変更機能は使っていない！」や、「Video Speed Controllerといった拡張機能を利用しているから不要！」という場合は、「再生速度を有効にする」のトグルをオフにします。
ページをリロードすると、再生速度変更のボタンが消えます。進行時間と総時間は確認できます。
他の拡張機能の紹介
いくつかYouTubeショート関連の拡張機能を紹介します。
そもそもショート動画が不要な場合
「チャンネルページ、ホーム、左側のショート項目、関連動画などにあるショート動画の項目自体いらない！消したい！」という方は、「No YouTube Shorts」拡張機能がいいかもしれません。
詳しくは、下記記事を参考にしてみてください。
https://www.naporitansushi.com/no-youtube-shorts/ショート動画を通常動画に変換する拡張機能
「Youtube-shorts block」は、ショート動画を通常動画のリンクに置き換えて再生してくれる拡張機能です。
関連動画や検索結果のショート動画を非表示にしたい場合
以下の記事たちを参考にしてみてください。ウェブサイトにCSSを適用できる拡張機能を利用します。
- 【YouTube】関連動画の「ショート」項目を非表示にするCSS
- 【YouTube】検索結果のショート項目・動画を非表示にするCSS
- 【YouTube】トップページのおすすめとかショート欄とか非表示CSS
【余談】Instagramの動画にシークバーを配置する方法
コントロールバーがない「YouTube」のショート動画と近しいものを感じたので、紹介します。
Chrome拡張機能「Video Control for Instagram」を利用することで、PCウェブサイト版「Instagram」のストーリーやリール動画に、コントロールバーを表示してくれます。
感想
以上、PCウェブサイト版「YouTube」のショート動画に、コントロールバー、再生速度変更、連続再生のオンオフボタンを追加するChrome拡張機能「Better YouTube Shorts」についてでした。