Virtual tour not scaling within iFrame on iPhone/mobile

Q&A about the latest versions
Post Reply
User avatar
skyfocus
Posts: 268
Joined: Sat Jun 12, 2010 10:52 am
Location: The Netherlands
Contact:

Hi,

I recently noticed something with the virtual tour that is embedded in an iFrame.

I'm using an iFrame at my customers website to mask that the the tour is externaly hosted. The html code I'm using is:

Code: Select all

<!DOCTYPE html>
<html>
<body>
<iframe src="https://skynl.eu/Catharinahof" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"  style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px;"></iframe>
</body>
</html>
A link to this iFrame is: https://www.skyfocus.nl/demo/iframe1.html

A screenshot from the iPhone:
Image

This iFrame works fine when opening it on desktop, but when testing it on my iPhone 11 Pro latest iOS the menu/splash and hotspot-arrows are not scaled. They should be bigger to be readable. To compare, here is the direct link to the original tour:

https://skynl.eu/Catharinahof

A screenshot from the iPhone, this is what it should be:
Image

Any idea how to fix this ? Am I missing some iFrame options ?

Regards,

Arjan
Windows 10 Pro x64, Pano2VR pro V6.1.13 , Browser latest Firefox
Website: https://www.skyfocus.nl/
User avatar
skyfocus
Posts: 268
Joined: Sat Jun 12, 2010 10:52 am
Location: The Netherlands
Contact:

Hi Support,

I'm dangling here, any idea how to fix this ? Just a "Sorry, don't know" would be an answer too ....

but I can't believe I'm the only one struggling with this .....

Arjan
Windows 10 Pro x64, Pano2VR pro V6.1.13 , Browser latest Firefox
Website: https://www.skyfocus.nl/
Post Reply