Demo: https://plugin-protos.bubbleapps.io/version-test/360-vr?debug_mode=true

A video.js plugin that turns a video element into a HTML5 Panoramic 360 video player. Project video onto different shapes. Optionally supports Oculus Rift, HTC Vive and the GearVR.

• You may have to enable cross-origin resource sharing on your server where 360 videos are hosted.

• It’s recommended to turn off hotkey options so VR navigation works properly .

  

Browser Support

The most recent versions of:

• Desktop
  • Chrome
  • Firefox
  • Safari
• Mobile
  • Chrome on Android
  • Safari on iOS

Projection support

Currently, we only support:

• Projections
  • Spherical Videos, via the 360/equirectangular projection
  • 360 cube videos
• Mappings
  • Monoscopic (single video pane)
  • Stereoscopic (dual video pane for both eyes) via the cardboard button

Options

• Apply 360 VR

  Choose whether or not 360 VR plugin should be enabled.

  Enable it only when the current video source is 360 video. Otherwise, it won't play.

• Projection

  • Projection type

• Motion Controls

  Whether motion/gyro controls should be enabled.

• Omnitone

  Option to support spatial sound through Omnitone library.

• Sphere Detail

  This alters the number of segments in the spherical mesh onto which equirectangular videos are projected.