Creating a Fullscreen <iframe> Within Hosted Web Sites

On WIX, and other similar "What You See Is What You Get" web hosting platforms, the full screen iframe option is not supported.  To get around this, we recommend embedding the Space using the following HTML code as an example.

<div style="width:850px">

<div>

<iframe width="850px" height="450px" src="https://my.matterport.com/show/?m=Qojjx8x9Fu4&play=1" frameborder="0">

</iframe>

</div>

<div align="right"><a href="https://my.matterport.com/show/?m=Qojjx8x9Fu4&play=1" target="_blank">Fill browser window</a>

</div>

</div>

Use the guide below to help adjust the code example to best suit your needs.

Orange - These figures refer to the height and width of your Space within the webpage. While 850 pixels wide and 450 pixels high is the default here, you’re welcome to change these measurements. However, if you change the width from 850px, please make sure to change it in both locations.  

Red - This determines the location of the text link relative to the Space. In this case, it’s set to align with the right corner of the Space. You can change this to either “center” or “left” to change the link’s alignment property.

Green - This is the 3D Showcase link parameter.  In this case, the “play=1” parameter automatically loads the Space.  You can remove this or append more parameters to the end of the link.  Learn more about parameters here.

Purple - This is the branded 3D Showcase link.  You’ll have to change both links so they correlate to the Space you would like to embed.

Blue - By default the link allowing fullscreen access to your Space says, “Fill browser window.” However, you’re welcome to change that to anything you feel is more suitable, e.g. “Fullscreen.”

Have more questions? Submit a request