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 flex-col w-full">
<div id="vr" class=""></div>
</div>
<script type="text/javascript">
var player = flowplayer("#vr", {
"src": [
{
"src": "http://www.youtube.com/watch?v=PusRw0HDfL0",
"type": "youtube"
}
],
"token": "eyJraWQiOiIyeHRpc0Q5NHZzTjIiLCJ0eXAiOiJKV1QiLCJhbGciOiJFUzI1NiJ9.eyJjIjoie1wiYWNsXCI6NixcImlkXCI6XCIyeHRpc0Q5NHZzTjJcIixcImRvbWFpblwiOltcImVsZWN0cm90ZXF1ZS5vcmdcIl19IiwiaXNzIjoiRmxvd3BsYXllciJ9.WLUkZHpDNoaXWDaFO2V5UfXm7SnDvE1pFAM0e7ppnFovOSyCCZM-b8gQNBSElB5yirTP__x76Qyo8pMWh6lVrw",
"youtube": {
"vr": 1
}
});
</script>
