video.js で m3u8 形式の動画ファイルをブラウザで再生する - Hack Your Design!
video.jsを使ってm3u8形式の動画ファイルをSafari以外のブラウザでも再生する方法を紹介します。デモページは下のボタンから。 Demo 動作環境 下記環境で（現時点の最新版での）動作を確認しています。 Chrome Safari Opera Safari ※要Flash 使うJSライブラリ videojs/video.js 基本素材。動画ファイルを様々なブラウザで再生できるようにする。 videojs/videojs-contrib-media-sources videoタグに動画ソースを流し込めるようにするvideo.jsプラグイン。 W3Cのドラフト仕様Media Source Extensionsが元のよう。 videojs/videojs-contrib-hls HLS(m3u8)形式の動画ファイルを再生可能にするvideo.jsプラグイン。 HLSに対応していないブラ
Video.js を使って HLS形式の動画をストリーミング再生する - akiyoko blog
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
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
