広告を利用しています

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

【YouTube Chapters In Player】チャプターを一覧で確認できる拡張機能

YouTube関連

「YouTube Chapters In Player」拡張機能のアイコン画像

この記事では、PCウェブサイト版「YouTube」で、コントロールバーにあるチャプターをクリックするとチャプターの一覧をポップアップで表示するChrome拡張機能「YouTube Chapters In Playerユーチューブ・チャプター・イン・プレーヤー」について書きます。

「YouTube Chapters In Player」拡張機能のスクリーンショット

本拡張機能を導入すると、YouTubeのプレーヤー下部にあるチャプター名を押した時、チャプターの一覧ポップアップが表示されるようになります。文章と開始時間が記載されています。クリックするとその場所に飛んでくれます。

チャプターとはYouTube動画内に設定できる目次(セクション)のことです。動画投稿者が設定している場合があります。

PCウェブサイト版「YouTube」のチャプター一覧を表示させた画像
参考:【水源公園】島根県鹿足郡にある幻想的な場所を撮影

設定された動画の場合プログレスバー(再生バー)がセクションごとで分割されます。下部に現在見ているチャプター名が表示されます。クリックすると右側サイドバーに一覧ポップアップを表示します。

本拡張機能は右側サイドバーではなく、動画プレーヤー内にオーバーレイとして表示します。プレーヤー内に表示するので、標準のチャプター一覧と違って全画面(フルスクリーン)でも動作します。

YouTube以外の記事に貼られているYouTubeの埋め込み動画でも動作します。ポップアップ内下部に矢印がありクリックで次のチャプターに飛べます。

Chrome拡張機能だけでなくFirefoxアドオンも用意されています。本記事は拡張機能を導入できるPCブラウザ向けです。スマホやタブレットのアプリ版ではできません。

リリース元:ris58hGitHub
記事執筆時のバージョン:0.3.3(2024年3月30日)

インストール方法

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

Firefoxをご利用の場合

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

「YouTube Chapters In Player」拡張機能をインストールする手順画像1

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

「YouTube Chapters In Player」拡張機能をインストールする手順画像2

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

「YouTube Chapters In Player」拡張機能をインストールする手順画像3

使い方

本拡張機能を導入した状態で「YouTube」にアクセスします。既に開いている場合は一度リロードします。

チャプターが設定されている動画を開きます(サンプル)。プレーヤー下部にチャプター名が表示されるのでクリックします。

「YouTube Chapters In Player」拡張機能を使う手順画像1

本来であれば右側サイドバーに標準でサポートされているチャプター一覧が表示されます。本拡張機能導入後は表示されず、代わりに動画内の左下にポップアップで表示されます。

「YouTube Chapters In Player」拡張機能を使う手順画像2

チャプター名をクリックするとその開始地点に飛びます。

「YouTube Chapters In Player」拡張機能を使う手順画像3

ポップアップ内下部にある矢印を押すと次・前のチャプターに移動します。

「YouTube Chapters In Player」拡張機能を使う手順画像4

かなり多くのチャプターが設定されている場合、スクロールできます。

「YouTube Chapters In Player」拡張機能のポップアップをスクロールしているGIF画像

動画を全画面(フルスクリーン)にしていても動作します。

「YouTube Chapters In Player」拡張機能を使う手順画像5

僕の記事なんかに貼られているYouTubeの埋め込み動画上でも動作します。ここらへんが標準機能と異なる点だと思います。

「YouTube Chapters In Player」拡張機能を埋め込んだYouTube動画で使っている画像

【余談】他のボタン追加記事紹介

10秒戻し・進み

YouTube Fast Forward」拡張機能を使えば、10秒戻し、進みのボタンを設置できます。秒数は細かく調整できます。

興味なしボタン

ytb not-interested button」拡張機能を使えば、動画サムネイル下に興味なしボタンを追加できます。いちいち三点メニューから選ばなくてもワンクリックで発動できます。個人的に結構使ってます。

停止ボタン

YouTube Stop Button」を使えば、プレーヤー内に停止ボタンを表示できます。元々ある再生・一時停止と違って完全に動画の読み込みをやめたい時に便利です。

スクショボタン

スクショボタン」拡張機能を使えば、動画を綺麗にスクリーンショットできるボタンを配置してくれます。シークバーなど余計な要素が映りません。

CSSで既存ボタン非表示

CSSを適用できる拡張機能を導入して記事内で紹介しているCSSを書き込むことで、既存のボタンを非表示にできます。次へ、自動再生、字幕、ピクチャーインピクチャー、ミニプレーヤー、シアターモード、テレビで再生、フルスクリーンなどです。

次のチャプター

YouTube next chapter button」拡張機能を使えば、動画プレーヤー内に次のチャプター(目次)に移動するボタンを追加してくれます。

感想

以上、PCウェブサイト版「YouTube」で、チャプターの一覧を動画内に表示できるChrome拡張機能・Firefoxアドオン「YouTube Chapters In Playerユーチューブ・チャプター・イン・プレーヤー」についてでした。

余談ですが、YouTubeのチャプターはWindowsの場合、Ctrl+で次、Ctrl+で前に飛べます。

2023年5月7日YouTube関連

Posted by ナポリタン寿司