My site uses iFrame to render AR content. Android devices face no issue, but for Apple devices - it’s a hit & miss.
When it does load, everything renders fine. However, when it doesn’t - it refreshes the page after trying to load the data, and other times, it would simply show this after loading:
The code that I was provided with by the third party:
<!DOCTYPE html>
<html>
<style>
.aligncenter {
text-align: center;
}
</style>
<body>
<div id="AR1" class="aligncenter">
<iframe
title="web-ar"
width='380px' height='580px'
allow=" camera; microphone"
frameBorder="none"
src='https://xx.com/Marker/yy'
/>
</div>
</body>
</html>
I placed this code within an HTML element. Enabling “Display as an iFrame” did not help.
I’m currently using the plugin iFrame Magic to embed it, but the issue still persists.