I'm developing a hybrid VR-CSS website with a slider filled with 360 panoramic images.
I am using A-frame by mozilla for the VR.
Each slide has an iframe embed with one of my 360 images, who then are linked to the phone's gyroscope.
I'm happy, it works on Desktop, Android... but I just discovered that iOS has a problem with multiple gyroscope streams, so on iOS it hangs when I load the slider with 4 pictures...
...but not if I load only one.
Hence my question:
This is the site (WIP)
Thank you in advance for your help,