iframe content not loading

Site URL: https://thaa.co.uk/vr-gallery

Hi

I'm trying to add a virtual tour to my site (page link VR Gallery). The virtual tour is hosted by a third party server. I'm trying to use an iframe to link to it. When I'm in edit mode the iframe works, it loads the virtual tour and I can interact with it. 

This is the code I'm using

<iframe width="1200" height="800"
src="http://vrpropertyuk.com/VRTour_THAA VRTEST/index.htm" scrolling="no" frameborder="0"
style="border:none;overflow:hidden;"></iframe>

Any help is much appreciated.

Edit:

Fixed this issue, just changed http to https

 

Try this

<iframe width="1200" height="800"
src="https://vrpropertyuk.com/VRTour_THAA VRTEST/index.htm" scrolling="no" frameborder="0"
style="border:none;overflow:hidden;"></iframe>
<style>
  @media screen and (max-width:767px) {
    iframe {width:100%;}
  }
</style>