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
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="https://meet-het.com/school/index.html?id=0,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>