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


    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>

    Edited once, last by Jonasvh (April 8, 2020 at 10:22 PM).

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!