【YouTube Chapters In Player】チャプターを一覧で確認できる拡張機能
![「YouTube Chapters In Player」拡張機能のアイコン](https://www.naporitansushi.com/wp-content/uploads/2023/05/youtube-chapters-in-player_02.png)
この記事では、PCウェブサイト版「YouTube」で、コントロールバーにあるチャプターをクリックすると、チャプターの一覧をポップアップで表示するChrome拡張機能「YouTube Chapters In Player(ユーチューブ・チャプター・イン・プレーヤー)」について書きます。
本拡張機能を導入すると、YouTubeのプレーヤー下部にあるチャプター名を押した時、チャプターの一覧ポップアップが表示されるようになります。文章と開始時間が記載されています。クリックすると、その場所に飛んでくれます。
チャプターとは、YouTube動画内に設定できる目次(セクション)のことです。動画投稿者が設定している場合があります。
![YouTube標準のチャプター一覧画像](https://www.naporitansushi.com/wp-content/uploads/2023/05/youtube-chapters-in-player_04-1000x476.jpg)
設定された動画の場合、プログレスバー(再生バー)がセクションごとで分割されます。下部に現在見ているチャプター名が表示されます。クリックすると、右側サイドバーに一覧ポップアップを表示します。
本拡張機能は、右側サイドバーではなく、動画プレーヤー内にオーバーレイとして表示します。プレーヤー内に表示するので、標準のチャプター一覧と違って、全画面(フルスクリーン)でも動作します。YouTube以外の記事に貼られているYouTubeの埋め込み動画でも動作します。
ポップアップ内下部に矢印があり、クリックで次のチャプターに飛べます。
Chrome拡張機能だけでなく、Firefoxアドオンも用意されています。本記事は、拡張機能を導入できるPCブラウザ向けです。スマホやタブレットは分かりません。
リリース元:ris58h(GitHubはこちら)
記事執筆時のバージョン:0.3.1(2023年3月8日)
インストール方法
Chromeウェブストアからインストールできます。
Firefoxをご利用の方は、以下のFirefoxアドオンストアからインストールできます。
「Firefoxへ追加」をクリックします。
「Chromeに追加」をクリックします。
![「YouTube Chapters In Player」をインストールする手順画像1](https://www.naporitansushi.com/wp-content/uploads/2023/05/youtube-chapters-in-player_05-1000x505.png)
「拡張機能を追加」をクリックします。
![「YouTube Chapters In Player」をインストールする手順画像2](https://www.naporitansushi.com/wp-content/uploads/2023/05/youtube-chapters-in-player_06.png)
拡張機能のオーバーフローメニュー内に、拡張機能ボタンが追加されればOKです。
![「YouTube Chapters In Player」をインストールする手順画像3](https://www.naporitansushi.com/wp-content/uploads/2023/05/youtube-chapters-in-player_07.png)
使い方
本拡張機能を導入した状態で、「YouTube」にアクセスします。既に開いている場合は、一度リロードします。チャプターが設定されている動画を開きます(サンプル)。プレーヤー下部にチャプター名が表示されます。クリックします。
![「YouTube Chapters In Player」を使う手順画像1](https://www.naporitansushi.com/wp-content/uploads/2023/05/youtube-chapters-in-player_08.png)
本来であれば、右側サイドバーに標準でサポートされているチャプター一覧が表示されます。本拡張機能導入後は、標準のが表示されず、代わりに動画内の左下にポップアップで表示されます。
![「YouTube Chapters In Player」を使う手順画像2](https://www.naporitansushi.com/wp-content/uploads/2023/05/youtube-chapters-in-player_09.png)
チャプター名をクリックすると、その開始地点に飛びます。
![「YouTube Chapters In Player」を使う手順画像3](https://www.naporitansushi.com/wp-content/uploads/2023/05/youtube-chapters-in-player_10.png)
ポップアップ内下部にある矢印を押すと、次・前のチャプターに移動します。
![「YouTube Chapters In Player」を使う手順画像4](https://www.naporitansushi.com/wp-content/uploads/2023/05/youtube-chapters-in-player_13.png)
かなり多くのチャプターが設定されている場合、スクロールできます。
![「YouTube Chapters In Player」のポップアップをスクロールしているGIF画像](https://www.naporitansushi.com/wp-content/uploads/2023/05/youtube-chapters-in-player_14.gif)
動画を全画面(フルスクリーン)にしていても動作します。
![「YouTube Chapters In Player」を使う手順画像5](https://www.naporitansushi.com/wp-content/uploads/2023/05/youtube-chapters-in-player_11.png)
僕の記事なんかに貼られているYouTubeの埋め込み動画上でも動作します。ここらへんが標準機能と異なる点だと思います。
![「YouTube Chapters In Player」を使う手順画像6](https://www.naporitansushi.com/wp-content/uploads/2023/05/youtube-chapters-in-player_12-1000x535.png)
感想
以上、PCウェブサイト版「YouTube」で、チャプターの一覧を動画内に表示できるChrome拡張機能・Firefoxアドオン「YouTube Chapters In Player(ユーチューブ・チャプター・イン・プレーヤー)」についてでした。