360° Video & VR

This demo showcases the 360 Video / VR feature in JW Player for HTML5. JW Player can play spherical 360 videos in magic window mode and immersive VR mode, even in a playlist of mixed media.

License: Premium
Player Version:
Author: JW Player | GitHub

Getting started

    Cloud Player

  1. Sign into dashboard.jwplayer.com.
  2. Navigate to the 'Videos' list.
  3. Click on a 360 video you've uploaded.
  4. On the video detail page, within the 360 video section check the ‘This is a 360 Video’ checkbox.
  5. Click the Embed button and copy the JS Embed code into your website.
or

    Player Config

  1. You must already be using JW Player with the Premium Edition license, or get it here.
  2. Follow our JW Player developer documentation for setting up your JW Player.
  3. Set the stereomode property on the playlist item in your player setup configuration:
var player = jwplayer('container').setup({
	hlshtml: true,
	playlist: [{
		title: 'Caminandes VR',
		mediaid: 'AgqYcfAT',
		stereomode: 'monoscopic',
		file: '//vr.jwplayer.com/content/AgqYcfAT/AgqYcfAT-8yQ1cYbs.mp4'
	}]
});

Features

4K resolution • Adaptive bitrate streaming • Live streams • Monoscopic video support • Gyroscope motion support • "Magic window" viewing • Customizable UI • Upload and stream 360° videos in JW Platform • Latest Chrome, Firefox & Edge desktop browsers • Compatible with Cardboard, and Daydream VR headsets.

Add your own immersive 360 video experiences to your mobile apps

Download our JW Player VR SDK BETA to add 360 video playback to your native Android & iOS applications. Implementation documentation is included in the SDK download packages.

Please Note: This player implementation is a Proof of Concept only provided to show the possibilities of the JW Player and Platform and should not be taken as an offer to create, edit or maintain custom integration or development.