diff --git a/examples/180-tb.html b/examples/180-tb.html new file mode 100644 index 00000000..53ad71f5 --- /dev/null +++ b/examples/180-tb.html @@ -0,0 +1,28 @@ +<!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> + <video width="640" height="300" id="videojs-vr-player" class="video-js vjs-default-skin" controls playsinline> + <source src="../samples/video_180_TB.mp4" type="video/mp4"> + </video> + <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) { + var player = window.player = videojs('videojs-vr-player'); + player.mediainfo = player.mediainfo || {}; + player.mediainfo.projection = '180'; + + var vr = window.vr = player.vr({projection: '180', debug: true, forceCardboard: false}); + }(window, window.videojs)); + </script> +</body> +</html> diff --git a/samples/video_180_TB.mp4 b/samples/video_180_TB.mp4 new file mode 100644 index 00000000..4e3e0308 Binary files /dev/null and b/samples/video_180_TB.mp4 differ