Make Youtube 360 degree Videos work on mobile

Question

I recently embedded the youtube 360 degree videos in my side. But I found that the 360 videos don't work on mobile browsers in devices like Android or iOS. Is there anyway to make work the 360 videos on mobile or Is it possible that when someone clicks on video link, then youtube app installed in mobile opens up ? Because I found that 360 videos works really well in native youtube app.

Thanks

Answer 1

You can redirect user to youtube which will open youtube native app or website when in mobile devices.

like this following code does

if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || (window.innerWidth < 640)){
     $('.video').on('click', function( e ) {
       e.preventDefault();
       window.location = "https://www.youtube.com/watch?v=0x16ngo8xfY&list=PLzSXIFcDqpiCiKXMtXtVIHnmor9uUsEhC&autoplay=1";
     });
  }