Documentation / Private: Forums / General Support / iframe embed won't go full screen

iframe embed won't go full screen

  • mondriam July 17, 2019 at 9:32 pm

    Hello,
    I use Wix to make webpages and usually embed 360 virtual tours and lots of other stuff into iframes. At the beginning it wasn’t possible to make those iframes full screen, but then, they refined their code flexibility and now is possible. So I tested it with various embeds for different sites and always worked just fine. I was planning to do the same with Furioos embeds on my webpage but for some reason this is the only embed that is not working at this time. Any ideas what could be the problem. I can paste the code here for reference if it serves some guidance…

    Michaël KORBAS July 17, 2019 at 10:35 pm

    Hello,

    Please check that your iframe has the attribute allowfullscreen=”true”, like in this example.
    <iframe src=”https://portal.furioos.com/embed/967.798&#8243; width=”560″ height=”315″ allowfullscreen=”true” style=”border: none;”></iframe>

    If you have other iframe who works, i’ll be happy to see the code.

    mondriam July 17, 2019 at 10:38 pm

    Thanks Michael. I found the error. I was lacking the first statement:
    “In HTML Iframe ()” this has to go before “<!DOCTYPE html>”.
    Thanks a lot for the help!

    mondriam September 16, 2019 at 8:24 pm

    Some time ago you help me solve the full screen issue, but that lasted until I found that it only worked for PC, Mac and Android and not for iOS. So I spent a lot of time researching about the header “full screen” statements for apple and all related to it, then tried it and always fails. Now I just want to ask directly, how do you make it possible to go full screen in iOS from your site’s “share” area?

    I’m supposed to put this on the header:

    <meta name=”apple-mobile-web-app-capable” content=”yes”>
    <meta name=”apple-mobile-web-app-status-bar-style” content=”black-translucent”>
    <meta name=”viewport” content=”initial-scale=1,user-scalable=no,viewport-fit=cover”>

    But it doesn’t work??

    Thanks for the help!

     

    • This reply was modified 3 years, 8 months ago by mondriam.
    Michaël KORBAS September 17, 2019 at 8:54 am

    Hello,

    You will not be able to get it work on iOS for a simple reason, Safari doesn’t support the FullScreen API.

    The only way you had to get it work on iOS is to create a fake fullscreen with your iframe, unfortunally there is nothing we can do on our side to fix that, until Apple supports fullscreen on iPhone.

You must be logged in to reply to this topic.