<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script> <!-- Or if you want a more recent canary version --> <!-- <script src="https://cdn.jsdelivr.net/npm/hls.js@canary"></script> --> <video id="video"></video> <script> var video = document.getElementById('video'); if(Hls.isSupported()) { var hls = new Hls(); hls.loadSource('https://video-dev.github.io/streams/x36xhzz/x36xhzz.m3u8'); h
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く