Youtube VR360

Youtube VR360 Demo

play-rounded-fill play-rounded-outline play-sharp-fill play-sharp-outline
pause-sharp-outline pause-sharp-fill pause-rounded-outline pause-rounded-fill
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 Flowplayer.

This is needed for VR 360 controls.

    
   <div class="flex w-full">
          <div id="vr" class="is-splash"></div>
  </div>
  <script type="text/javascript">
  	var player = flowplayer("#vr", {
    "clip": {
        "sources": [
            {
                "src": "http://www.youtube.com/watch?v=PusRw0HDfL0",
                "type": "youtube"
            }
        ]
    },
    "share": false,
    "youtube": {
        "bitrates": 1,
        "vr": 1
    }
});
  </script>