videojsのサンプルコード

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>

参考