javascript - Popcorn.jsを使用してYouTubeビデオに字幕を追加できますか？

Question

YouTubeビデオをWebページに埋め込んだとします。

ビデオプレーヤーの下に、Popcorn.jsなどのメディアフレームワークを使用してビデオに同期された字幕を表示できますか？

Answer 1

興味深いことに、Popcorn は Youtube をサポートしているため、Popcorn.js について言及しました。

http://popcornjs.org/popcorn-with-youtube

しかし、そのドキュメントは古くなっています。

それは今です：

"var example = Popcorn.youtube("

途中で新しいドキュメントがあります。

Answer 2

YouTube 動画を埋め込む際に HTML5 版を選択し、実際に HTML5 ブラウザで再生する場合は、単なるvideoタグなので、Popcorn.js を使用できます。Flash の場合、その Flash に入って進行状況を把握し、イベントを聞くことができるかどうかはわかりません。

Answer 3

YouTube JavaScript Player APIを使用player.getCurrentTime()すると、字幕のどの行を表示するかを調べることができます。

繰り返しになりますが、YouTube は最初から字幕をサポートしています。