Iframe 360 Virtual Tour - gyroscope problem (Theasys.io)

Hello everyone,

Please be kind, i’ve only been two days on webflow and I have a problem with a iframe implementation.

I’m using a 360 visualizer for a virtual tour with Theasys.io and I added the iframe on webflow.

The problem i’m encouting is that the gyroscope feature doesn’t work with my webflow website. Even though, it was work on the direct link of theasys.
So when you go on the mobile site, it should move right at the start thanks to the gyro, but here, no movement.

The website here : http://plaka-snack.webflow.io/

and the iframe code : <iframe src="https://www.theasys.io/viewer/5bIOOuNeR6ZoAqt1HS5l5mzAlRuLI6" allowfullscreen frameborder="0" height="700" style="width:100%;border:none;"></iframe>

Thanks for your help !


Please use this embed code instead:
<iframe src="https://www.theasys.io/viewer/5bIOOuNeR6ZoAqt1HS5l5mzAlRuLI6" allowfullscreen frameborder="0" scrolling="no" allow="vr,gyroscope,accelerometer" height="700" style="width:100%;border:none;"></iframe>


1 Like

Hello Dionysis,

It works ! I thought was a problem from webflow.

You are everywhere :slight_smile: Wasn’t expecting to find you here. You answered my comment on the MiSphere Facebook group yesterday.

Thanks for your amazing work !

Hello again,

I am really glad it works for you! Hahaha we are trying our best to help our users!

Thanks for using Theasys!