Bovenste is optie 2 (code 2), onderste is optie 1 (code 1)

Code 1

 

<iframe width=’853′ height=’480′ src=’https://my.matterport.com/show/?m=6CgsKukq3Qk’ frameborder=’0′ allowfullscreen allow=’xr-spatial-tracking’></iframe>

 

Dit is de code die wij zelf op de website gebruiken, omdat deze wat meer responsive is en op de mobiel

 

Code 2

 

<head>

   <style>

.matterport-showcase iframe{

  min-height: 240px;

  margin: 16px 0;

  width: 100%; }

 

@media screen and (min-width: 360px) {

.matterport-showcase iframe {

  min-height: 280px; }}

     

@media screen and (min-width: 768px) {

.matterport-showcase iframe {

  min-height: 360px; }}

 

@media screen and (min-width: 992px) {

.matterport-showcase iframe {

  height: 600px;

  max-width: 1068px;

  margin: 0 auto 15px; }}

 

.matterport-showcase {

  text-align: center;

}

   </style>

  </head>

  <body>

    <div class=”matterport-showcase”>

     <iframe width=’853′ height=’480′ src=’https://my.matterport.com/show/?m=6CgsKukq3Qk’ frameborder=0 allowfullscreen allow=’xr-spatial-tracking’></iframe>   </div>

  </body>