examples/360-tb.html

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>videojs-vr Demo</title>
   <link href="../node_modules/video.js/dist/video-js.css" rel="stylesheet">
   <link href="../dist/videojs-vr.css" rel="stylesheet">
</head>
<body>
  <p>TB Equirectangular video</p>
  <video width="640" height="300" id="videojs-vr-player-rect2" class="video-js vjs-default-skin" controls playsinline>
    <source src="../samples/coriolis_rect.webm" type="video/webm">
  </video>
  <p>Credits: Animations for Physics and Astronomy, CC-BY-3.0</p>

  <ul>
    <li><a href="../">return to main example</a></li>
  </ul>
  <script src="../node_modules/video.js/dist/video.js"></script>
  <script src="../dist/videojs-vr.js"></script>
  <script>
    (function(window, videojs) {
      window.vr_rect2 = videojs('videojs-vr-player-rect2').vr({projection: '360_TB', debug: true, forceCardboard: false});
    }(window, window.videojs));
  </script>
</body>
</html>