Hello, I have a solution for 3D Models that are embedded on websites through an iframe that crash on mobile devices such as iPhones.
My code looks like this:
<div class = "Anim-side">
<div class="sketchfab-embed-wrapper">
<iframe title="easyBeeBox" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay;
fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share width="640" height="440" src="https://sketchfab.com/models/7a0046672ced42748525d7414f350288/embed?autospin=1&autostart=1&camera=0&annotations_visible=1&preload=0">
</iframe>
</div>
The solution for the website of my client was to change “…&preload=1”>…" at the end of the iframe code to “…&preload=0”>…"
Maybe this helps some of you searching for an answer.
You can look at the model that I’ve embedded on this website, “easybeebox.de”. It’s a rather simple model but wouldn’t work on Smartphones.