video.jsの動作確認用のサンプルコード。 S3から動画を読み込む際には、CORS設定の編集が必要。
<!DOCTYPE html> <html> <head> <link href="http://vjs.zencdn.net/5.11.9/video-js.css" rel="stylesheet"> <script src="http://vjs.zencdn.net/5.11.9/video.js"></script> <script src="https://npmcdn.com/videojs-contrib-hls@^3.0.0/dist/videojs-contrib-hls.js"></script> </head> <body> <video id="example-video" width="960" height="400" class="video-js vjs-default-skin" controls> <source src="http://d2zihajmogu5jn.cloudfront.net/bipbop-advanced/bipbop_16x9_variant.m3u8" type="application/x-mpegURL"> </video> <script> var player = videojs('example-video'); </script> </body> </html>