Full Frame iframe

  • hi
    we have built a Virtual Tour for our customer and would like to see it as a full frame window iframe or if there is some other solution.
    Users have to log in and only then can they have access to the Tour.
    We are using the WooCommerce login and YITH Proteo theme for the login and the product catalog.
    So basically create a page that only has the complete virtual tour end to end. No header, no title, etc.
    have shared the link to the tour above for reference.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Francesco Grasso

    (@francgrasso)

    YITH Support Representative

    Hello there.
    You can disable header, footer and sidebar from the desidered pages.Each page have an option for this.
    What particular help you need?

    Thread Starter ankz74

    (@ankz74)

    Yes so I have disabled the sidebars and I still get white area to the left, right and bottom of the frame.
    Screenshot in below link
    https://www.dropbox.com/s/thk58hhqx8x71if/screenshot%20of%20white%20bands.png?dl=0

    The code used for the virtual tour embed is as follows:
    <div style=”position:relative; height:0; padding-top:56.25%”><iframe style=”position:absolute; top:0; left:0; width:100%; height:100%;” src=”https://rajmarketweek.com/vrf&#8221; name=“Raj Market 2022” width=”100%” height=”100%” frameborder=”0″ allowfullscreen=”true” allow=”fullscreen; accelerometer; gyroscope; magnetometer; vr; xr; xr-spatial-tracking; autoplay; camera; microphone”></iframe></div>

    What am I doing wrong?

    Francesco Grasso

    (@francgrasso)

    YITH Support Representative

    Hi again,
    please try enable the full width layout like in this screenshot:

    https://prnt.sc/1v5sqwy

    It is available in Customize > Miscellaneous > Layout > Use full width layout

    This should do what you need

    Thread Starter ankz74

    (@ankz74)

    Thanks this worked. Now I have a new problem. I am trying to centre the video but its always coming left aligned with a black patch on the right.

    Below screentshot:
    https://www.dropbox.com/s/eyxnfa8itligfyk/screenshot%20for%20not%20center.png?dl=0

    the code used for the iframe as follows:
    <div style=”position:relative; height:0; padding-top:56.25%; background-color: black; align-content: center; “><iframe style=”position:absolute; top:0; width:90%; height:90%;” src=”https://rajmarketweek.com/vrff&#8221; name=”“Raj Marketweek 2022”=” “=”” width=”100%” height=”100%” frameborder=”0″ allowfullscreen=”true” allow=”fullscreen; accelerometer; gyroscope; magnetometer; vr; xr; xr-spatial-tracking; autoplay; camera; microphone”></iframe></div>

    Please help.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Full Frame iframe’ is closed to new replies.