Developer Guide Javascript API Reference Developer Tools Release Notes

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.

github

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 VR headsets.

Getting started with 360° Videos and VR in JW Player

  • With 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.
  • Custom Implementation:

    1. Follow our JW Player developer documentation for setting up your JW Player. You must be using JW Player 8.0+."
    2. Set the stereomode property on the playlist item in your player setup configuration:
      var player = jwplayer('container').setup({
        playlist: [{
          file: 'https://cdn.jwplayer.com/videos/AgqYcfAT-8yQ1cYbs.mp4',
          title: 'Caminandes VR',
          mediaid: 'AgqYcfAT',
          stereomode: 'monoscopic'
        }]
      });