You are not logged in.

Dear visitor, welcome to Forum. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.


Thursday, January 7th 2016, 10:02am

Iframe embed, gyro/webvr not working on ios

Hi there,We're trying to load a pano into an iframe from an external url. This is our demo website: on a webvr icon will open an overlay div with iframe where the pano will be loaded. For example this pano:
Everything is working fine when viewing straight at when viewing in an iframe on the gyro/webvr is not being recognized.Any tips/tricks?



Posts: 244

Location: France

Occupation: Senior Software engineer

  • Send private message


Thursday, January 7th 2016, 11:22am

Works for me on iPhone 6 + with Safari and Chrome (iOS 9.1)


Thursday, January 7th 2016, 11:38am

Gyro/webvr also works when viewing at
I've got iPhone 6 / iOS 9.1 as well



Posts: 244

Location: France

Occupation: Senior Software engineer

  • Send private message


Friday, January 8th 2016, 10:31am

Yes ... try to clear/empty the cache perhaps ...


Wednesday, January 13th 2016, 12:27pm


since iOS 9.2 Apple is blocking the gyro inside external iframes!

See these links:

Please complain at Apple there!

It seems they are thinking about adding an 'allow-device-sensors' option for the <iframe> for allowing it again (see the links), but I have no idea if and when this might come to iOS...

Best regards,


Thursday, January 21st 2016, 3:29pm

only ios to solve? Is there a plan?


Thursday, January 21st 2016, 4:15pm


Apple is blocking the gyro inside external iframes and there is no way to 'break-out' of such iframes!
That means there is nothing that could be done on krpano/script side to 'solve' that.

To avoid the problem itself, either put everything on the same domain or try embedding without iframe.


Thursday, May 26th 2016, 5:25pm

gyroscope function on wordpress


Just came across this page as I have been having the same issues. I embed projects onto wordpress using panopress

I came across this page that apparently has a solution (for how long)…88b8831047957a7

However I don't know how to implement this. Can anyone help? Does this code go in wordpress, the original html, in custom css or elsewhere?


Thursday, May 26th 2016, 5:54pm

iframe needed?

is it possible to load a project on to a wordpress page without an iframe tool?


Friday, July 22nd 2016, 12:18am

Hi Klaus,

Is also VR mode disabled in safari (IOS 9.2) ? I am asking this question because I have same situation and I can not call webvr.toggleVR(). There is no log/error displayed.


Monday, July 25th 2016, 10:57pm

Is also VR mode disabled in safari
Inside external iframes - yes.

The gyroscope is a requirements for mobile-vr support - see here:

and when the browser is blocking the gyroscope, then there is also no vr support.

Btw - VR wouldn't work well in a small iframe embedded into an other page anyway... iOS doesn't have a HTML5 fullscreen API, so switching to fullscreen wouldn't possible too and breaking out of an iframe and re-layout-ing the external page to cover the full window isn't possible too.

Therefore - here it might be better to use a thumbnail and a link to the pano. Then it could be viewed full-sized and the gyro and VR will work too.

Best regards,


Friday, September 2nd 2016, 6:50am

spinning apple

Is there any update on a work around for the gyroscope being disabled when embedded in an iframe?

I know someone who knows someone at Apple who said they are not bringing the gyroscope back. I think the next iPhone release will be pretty boring and going in a non vr direction. Someone else said that the gyroscope doesn't work on samsung phones either. Apple haven't answered me directly on this matter countless times.

Would the original gyroscope plugin work? I believe it uses different code and different sensors in the device. The gyroscope works with some older content but inconsistently just to be even more confusing. I put projects together with Panotour2. I have asked Kolor and they are ignoring the topic, then sounding surprised then ignoring it again.

I have been using panopress to embed in wordpress sites. A slight workaround is to link to the main xml file. However this makes it very glitchy on the page. Is there another method of embedding this content directly on a wordpress site allowing the gyroscope to work and the project to open full screen on mobile devices? There is a lot of other scripts and css being pulled and my coding is to be desired.

I would rather not have to redesign 300 pages based on Apple's ever changing policy.

Please help!


Tuesday, September 6th 2016, 10:18pm


there is nothing to update or workaround, when the website and the iframe are on different domains, then there is no gyro support. That's a given core limitation by the browser.

That was a (questionable of course) decision from Apple and other browser developers and that can't be changed from krpano or web-developer side.

Please read the related discussions and post your opinions here:

Best regards,


Wednesday, June 14th 2017, 12:21pm

is there any solution about this bug on ios ?