Electroteque Media

Youtube VR360

Youtube VR360 Demo

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>