Youtube VR360

Youtube VR360 Demo

0 seconds of 0 secondsVolume 90%
Press shift question mark to access a list of keyboard shortcuts
Keyboard Shortcuts
Play/PauseSPACE
Increase Volume
Decrease Volume
Seek Forward
Seek Backward
Captions On/Offc
Fullscreen/Exit Fullscreenf
Mute/Unmutem
Seek %0-9
00:00
00:00
00:00

This example demonstrates configuring the player for Youtube 360 videos and control. Enabling the vr config will allow mouse and touch controls to the Youtube player through JWPlayer.

This is needed for VR 360 controls.

    <div class="flex w-full h-auto my-auto">
          <div id="vr" class=""></div>
  </div>
  <script type="text/javascript">
  	var player = jwplayer("vr").setup({
    "aspectratio": "16:9",
    "playbackRateControls": true,
    "sources": [
        {
            "file": "http://www.youtube.com/watch?v=PusRw0HDfL0",
            "type": "youtube"
        }
    ],
    "width": "100%",
    "youtube": {
        "bitrates": 1,
        "vr": 1
    }
});
  </script>