You are not logged in.


Tuesday, April 7th 2020, 11:34pm

iframe problem on android and iOS when calling for specific pano

I made a webpage , stored in a separat folder (/demoschool/index.html)
On that page i placed an iframe of a tour (made by VTB)
The tour itself is placed in a separat folder (/school/index.html)

On desktopbrowser, all iframe are working, but on Android and iOS not.
It gives a lot of errors, beginning with:
ERROR: plugins/webvr.js - loading failed! (404)
ERROR: plugins/scrollarea.js - loading failed! (404)

What is going wrong on mobile devices?

Hereby my used code for the iframe

If i go to my tour directly (/school/index.html) and open on Android, it works without problems

Source code

<script>var pano_iframe_name = "pano";window.addEventListener("devicemotion", function(e){ var iframe = document.getElementById(pano_iframe_name); if (iframe) iframe.contentWindow.postMessage({ type:"devicemotion", deviceMotionEvent:{ acceleration:{ x:e.acceleration.x, y:e.acceleration.y, z:e.acceleration.z }, accelerationIncludingGravity:{ x:e.accelerationIncludingGravity.x, y:e.accelerationIncludingGravity.y, z:e.accelerationIncludingGravity.z }, rotationRate:{ alpha:e.rotationRate.alpha, beta:e.rotationRate.beta, gamma:e.rotationRate.gamma }, interval:e.interval, timeStamp:e.timeStamp } }, "*"); });</script>

<iframe id="pano" src=",0,be,18,0,140" 					frameborder="0" width="100%" height="800px" allowvr="true" allow="vr; xr; accelerometer; 					magnetometer; gyroscope; autoplay;" allowfullscreen="yes" allow="vr"					mozallowfullscreen="true" scrolling="yes" onload="resize_iframe()"					webkitallowfullscreen="true" mwheel="false" capturetouch="false" autofullscreen="false" device.fullscreensupport="true"></iframe>

This post has been edited 1 times, last edit by "Jonasvh" (Apr 8th 2020, 10:22pm)


Wednesday, April 8th 2020, 10:21pm

i figured out the problem is with my URL of the tour

I want to jump to a specific pano with the url ....index.html?id=0