virtual tour iframe difference on iphone  

This forum is fully dedicated to Panotour / Panotour Pro bug reports as well as feature discussion.
User avatar
Omni VR
Member
 
Topic author
Posts: 34
Likes: 4 posts
Liked in: 4 posts
Joined: Tue Feb 14, 2017 2:43 pm
Info

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:
Image
Direct url virtual tour on iPhone 6

Image
Virtual tour in iframe on testpage on iPhone 6
We give VR a smile!

User avatar
Omni VR
Member
 
Topic author
Posts: 34
Likes: 4 posts
Liked in: 4 posts
Joined: Tue Feb 14, 2017 2:43 pm
Info

Re: virtual tour iframe difference on iphone

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

Anybody?
We give VR a smile!


Who is online

Users browsing this forum: No registered users and 6 guests