virtual tour iframe difference on iphone

by **Omni VR** » Mon Oct 09, 2017 7:21 pm

virtual tour iframe difference on iphone

by Omni VR » Mon Oct 09, 2017 7:21 pm

Hi,

For our customer we created a virtual tour. (Please be discrete, because it is in development)
The virtual tour will be integrated on the customer's website with an iframe code.
I have made a testpage with the iframe code.

Here is the iframe code I created for this virtual tour:

Code: Select all: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>iframe CUSTOMER</title> <style type="text/css"> .iframeholder{ position:relative; padding-bottom:56.25%; height:0; } .iframe{ position:absolute; margin-left: auto; margin-right: auto; top:0; left: 0; right: 0; width:100%; height:100%; } </style> </head> <body> <div class="iframeholder"> <iframe class="iframe" src="http://omnivr.nl/tours/CUSTOMER/index.html" frameborder="0" allowfullscreen> </iframe> </div> </body> </html>

I have changed the url to be discrete.

On an iPhone 6 and iPhone 7 plus, the virtual tour is scaled differently in the iframe, like the Sidebar plugin and images, then when you visit the virtual tour directly. How is this possible?

See screenshots:

Direct url virtual tour on iPhone 6

Virtual tour in iframe on testpage on iPhone 6

We give VR a smile!

by **Omni VR** » Tue Oct 24, 2017 9:39 am

Re: virtual tour iframe difference on iphone

by Omni VR » Tue Oct 24, 2017 9:39 am

Anybody?

We give VR a smile!