Hi, I haven't been able to see others asking/answering this question, so wanted to see what the best way to do this is...
My website https://www.godingprojects.com/ has a number of "Embed a Site Element" virtual tours. The other buttons (zoom in, zoom out, Thumbnail view etc) all seem to work just fine, but the FullScreen button doesn't.
I've been told that it might be going full screen (within the constraints of the IFrame) but I'm not sure how to break out of the IFrame and go full screen. I'm very happy to open a new tab as well if that's easier?
I have also tried using the "code" option within the HTML settings but without success:
<IFRAME src="https://alchemybrewingvrtour.netlify.app/" width="280" height="210" frameborder="no" scrolling="no" allowfullscreen="true" chromeallowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></IFRAME>
I have also had a go using this code but with no success:
<iframe id="iframe_view" class="embed-responsive-item container" style="height: 210px; width: 280px; background-color: #2e2e2e;" src="https://alchemybrewingvrtour.netlify.app/" frameborder="0" scrolling="no" $w("#https://alchemybrewingvrtour.netlify.app/").allowFullScreen();
allowfullscreen="true" mozallowfullscreen="true" and webkitallowfullscreen="true">
Thanks in advance - looking forward to any ideas on how to best deal with this!