Image-stitching and virtual tour solutions My account Updates
It is currently Thu Oct 23, 2014 3:36 am

All times are UTC + 1 hour




Post new topic Reply to topic  [ 6 posts ] 
Author Message
 Post subject: iframe seen from Ipad
PostPosted: Thu Apr 17, 2014 6:39 am 
Offline
Member

Joined: Sat Jul 21, 2012 1:00 pm
Posts: 94
Hi !
I have embed a tour with an Iframe. It works fine on PC and Mac :
http://www.aircamera.fr/essais/

But on Ipad it doesn't enter full screen...
I used this code :

<iframe width="800" height="600" src="http://www.aircamera.fr/visite_virtuelle/golf_les_gets/360.html" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>

Fullscreen icon is not even visible.
What can I do ?
Thank you for your help.
Cyril


Top
 Profile  
 
PostPosted: Thu Apr 17, 2014 7:11 am 
Offline
Member
User avatar

Joined: Mon Apr 26, 2010 11:55 pm
Posts: 4877
Location: Australia
Hi..

This might help you... Basically you are putting the iFrame inside a wrapper and providing % size to that..

"I'm assuming there is a bug in iOS safari in how it treats iframes with defined width / height. Without width / height being defined it tries to scale them automatically to fit their content without any scrolling needed.

The best workaround I've found is to not scroll the iframe at all, but rather to scroll a wrapper div inside the framed-in page.

Here's an example:

<iframe id="stupid-iframe" width="600" height="200" src="a-file.html"></iframe>
a-file.html:

<html>
<body>
<div id="wrapper" style="width: 100%; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch;">
...all my normal content...
</div>
</body>
</html>"


Top
 Profile  
 
PostPosted: Thu Apr 17, 2014 8:59 am 
Offline
Member

Joined: Wed Nov 14, 2007 2:12 pm
Posts: 14038
Location: Isleham, Cambridgeshire, UK.
aircamera wrote:
Hi !
I have embed a tour with an Iframe. It works fine on PC and Mac :
http://www.aircamera.fr/essais/

But on Ipad it doesn't enter full screen...
I used this code :

<iframe width="800" height="600" src="http://www.aircamera.fr/visite_virtuelle/golf_les_gets/360.html" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>

Fullscreen icon is not even visible.
What can I do ?
Thank you for your help.
Cyril

webkitallowfullscreen and mozallowfullscreen params are deprecated:
https://developer.mozilla.org/en-US/doc ... ent/iframe

I may be mistaken but I believe that the krpano HTMKL5 Panorama Viewer fullscreen behaviour is at present inconsistent on mobile platform browsers and hence I seem to recall that fullscreen is not currently supported in tours created with PTP 2.x - hence the control icon is missing on iDevice.


Top
 Profile  
 
PostPosted: Thu Apr 17, 2014 12:54 pm 
Offline
Member

Joined: Sat Jul 21, 2012 1:00 pm
Posts: 94
Thank you for your help !

I've installed google chrome app on my Ipad to give a try, and the result is the same. So I'm not sure the problem comes from safari...


Top
 Profile  
 
PostPosted: Thu Apr 17, 2014 1:16 pm 
Offline
Member

Joined: Wed Nov 14, 2007 2:12 pm
Posts: 14038
Location: Isleham, Cambridgeshire, UK.
aircamera wrote:
Thank you for your help !

I've installed google chrome app on my Ipad to give a try, and the result is the same. So I'm not sure the problem comes from safari...


See: viewtopic.php?f=91&t=21831&hilit=fullscreen+ipad


Top
 Profile  
 
PostPosted: Fri Apr 18, 2014 3:10 pm 
Offline
Member

Joined: Sat Jul 21, 2012 1:00 pm
Posts: 94
Thank you for this link.

benji33 wrote:
Into theme2.tmpl file remove the red lines below (see this post viewtopic.php?f=64&t=20589&p=132050#p131608):

line 45
if (device.fullscreensupport,
set(layer[{{plugname}}btn_openfs ].{%ifequal p.position.orientationString "horizontal"%}x{%else%}y{%endifequal%}, get({{plugname}}button_pos));
set(layer[{{plugname}}btn_closefs].{%ifequal p.position.orientationString "horizontal"%}x{%else%}y{%endifequal%}, get({{plugname}}button_pos));
inc({{plugname}}button_pos, {{button_offset}});
);

line 585
<layer name="{{plugname}}btn_openfs"
url="%FIRSTXML%/{{pluginDirectory}}/btn_enter_fs.png"
onclick="{%include 'enterfullscreencall.tmpl'%}"
style="{{plugname}}_btn_style"
devices="fullscreensupport"
visible="false"
line 595
<layer name="{{plugname}}btn_closefs"
url="%FIRSTXML%/{{pluginDirectory}}/btn_close_fs.png"
onclick="{%include 'exitfullscreencall.tmpl'%}"
style="{{plugname}}_btn_style"
visible="false"
devices="fullscreensupport"

line 1233
<action name="{{plugname}}ShowFullscreenButtons">
if (device.fullscreensupport,
if(tour_fullscreen,
set(layer[{{plugname}}btn_openfs].visible , false);
set(layer[{{plugname}}btn_closefs].visible, true);
,
set(layer[{{plugname}}btn_openfs].visible ,true);
set(layer[{{plugname}}btn_closefs].visible,false);
);
,
{{plugname}}HideFullscreenButtons();
);
</action>

Then into the generated XML code YOUR_TOUR_skin.xml
Remove devices="fullscreensupport" of actions : exitFullScreen, enterFullScreen, exitFullScreenChangeEvent, enterFullScreenChangeEvent

PS : double click for fullscreen should work after this.

If I'm using Docked Thumbnails Control Bar, I presume that I shall edit "theme1.tmpl" ?
I tried to remove "fullscreensupport" strings into theme1.tmpl...
I also deleted the 4 entries devices="fullscreensupport" into skin.xml but no changes.

I can't make my tour work correctly on Ipads...


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 6 posts ] 

All times are UTC + 1 hour


Who is online

Users browsing this forum: No registered users and 5 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB® Forum Software © phpBB Group