1. はじめに HLS (HTTP Live Streaming) 形式の動画は、Safari (on Mac) であれば、HTML5 の videoタグですんなり再生することができるのですが、それ以外のブラウザ、例えば Chrome (on Mac) や Chrome (on Windows) でも再生できるようにしたい場合にどうすればよいか?というのが悩みの一つです。 そこでいろいろ調べたところ、Video.js がよいのではないかという結論に至りました(あくまで個人的な意見です)。 http://www.videojs.com/ こちらのブログが大変参考になりました。ありがとうございます! あと、こちらの公式ドキュメントも参照しました。 2. HTMLコード Video.js を使って HLS形式の動画を再生するための HTMLコードは、以下のようになります。 index.html
![Video.js を使って HLS形式の動画をストリーミング再生する - akiyoko blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/34323214fa66902a85c33cae2f73fc944c02cae1/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fa%2Fakiyoko%2F20150627%2F20150627175504.png)