360 degree panorama video demo

Please use your mouse or fingers on touchscreen to move around 360 degree

USA/New York Time
Use your mouse or a fingers on touchscreen to move around 360 degrees. Use mousewheel or fingers to zoom panorama view.
Use VR button next to fullscreen button to switch VR view mode.

Video Js demo for 360 degree panorama video

Among Video Js player plugins on Github you can find one which enables 360 degree panorama videos support, icluding 2D/3D switch.
All you need is to include plugin stylesheet and javascript files in you rplayer setup code. First include videojs-panorama.css theme stylesheet in the head of your website page, right after video-js stylesshet.
<link href="//path/to//video-js.min.css" rel="stylesheet">
<link href="//path/to//videojs-panorama.min.css" rel="stylesheet">

Player code setup with "panorama" scripts should look like:

<script type=text/javascript" src="//domain.com/videojs/video.min.js"></script>
<script type=text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r76/three.js"></script>
<script type=text/javascript" src="domain.com/videojs/plugins/videojs-panorama.min.js"></script>
<script type=text/javascript" src="domain.com/videojs/nuevo.min.js"></script>

<video id="myplayer" class="video-js vjs-default-skin" poster="//domain.com/path/to/cover.jpg" controls preload="auto">
  <source src="//path/to//video.mp4<" type="application/x-mpegURL">

var player = videojs('myplayer');
	plugin options here,
	clickAndDrag: true

Note that you must include 2 new javascript files" "three.js" from cloudflare resources and "videojs-panorama.v5.min.js" hosted on server. You also need to activate panorama plugin as you can see in our player setup code above.

Since Video Js player with Nuevo theme differs a lot from default theme, we suggest to download and use plugin files from Nuevolab resources which you can download HERE.

For full documentation and possible options of "video.js panorama plugin please check original development source on Github page.