Hi there,We're trying to load a pano into an iframe from an external url. This is our demo website: http://sandbox.d010.nl/projects/Clicking on a webvr icon will open an overlay div with iframe where the pano will be loaded. For example this pano: http://www.hfb-visuals.nl/360/exterieur/tudorpark/hotspot1/
Everything is working fine when viewing straight at http://www.hfb-visuals.nl/360/exterieur/tudorpark/hotspot1/But when viewing in an iframe on http://sandbox.d010.nl/projects/ the gyro/webvr is not being recognized.Any tips/tricks?
regards
Iframe embed, gyro/webvr not working on ios
-
-
Works for me on iPhone 6 + with Safari and Chrome (iOS 9.1)
-
Gyro/webvr also works when viewing at http://sandbox.d010.nl/projects/?
I've got iPhone 6 / iOS 9.1 as well -
Yes ... try to clear/empty the cache perhaps ...
-
Hi,
since iOS 9.2 Apple is blocking the gyro inside external iframes!
See these links:
https://bugs.webkit.org/show_bug.cgi?id=150072
https://bugs.webkit.org/show_bug.cgi?id=152299#commentsPlease 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,
Klaus -
only ios 9.2...how to solve? Is there a plan?
-
Plan?
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.
-
Hi
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) https://github.com/WebKit/webkit/…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?
-
is it possible to load a project on to a wordpress page without an iframe tool?
-
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.
-
Is also VR mode disabled in safari
Inside external iframes - yes.
The gyroscope is a requirements for mobile-vr support - see here:
https://krpano.com/plugins/webvr/#mobilevr_notesand 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,
Klaus -
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!
-
Hi,
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:
https://bugs.webkit.org/show_bug.cgi?id=152299Best regards,
Klaus -
is there any solution about this bug on ios ?
Participate now!
Don’t have an account yet? Register yourself now and be a part of our community!