360 Tour - 0px iFrame - Content Does Not Display

jakecharlson's picture


So, I think this may already be a known issue, or that I'm just doing something wrong and can't figure it out, but I didn't see any topics that directly addressed the problem I'm running into.

Thank you in advance for any help!

  1. Detailed steps to reproduce the bug (exactly how and when did it happen)
    I'm running into this issue any time I try to Insert a Virtual 360 Tour into any page on my site.  It may also happen with other H5P content, but right now I'm only trying to insert a 360 tour.  Regardless of how I try to insert the shortcode, [h5p id="1"], (shortcode block, text block, 'Add H5P' button, etc.) it does not display the content.  If I drag across the page to highlight items on the page, I can see that there is what looks like a single 1 pixel tall line where the H5P content should be, but the content does not appear.  Additionally, re-sizing the window and using different browsers did not produce a different result.

  2. Platform and version number. E.g. Drupal, Wordpress, Moodle.
    Wordpress, version 5.5.1

    I think it might also be worth mentioning that I'm using the Astra theme and the Elementor builder for Wordpress.  My hope is to integrate this H5P content, and others, into our LearnDash training environment.

  3. Mobile or Desktop
    Both.  Tested on Windows desktop and Android smartphone.

  4. Browser: Chrome, Firefox, Safari etc
    Chrome, Firefox, Internet Explorer

  5. H5P plugin version

  6. H5P content type and version (if a content type was used), and a sample URL or attached H5P.
    Virtual Tour (360).  

  7. Any browser console errors
    None that I see.

  8. Any PHP errors
    None that I see

  9. Screenshots if it's a visual problem
    The H5P file is 63MB and too big to attach, so I've hosted it on Google Drive.  You can get it at this link if you'd like to take a look. https://drive.google.com/file/d/1tmVx4SiGOoGFjjRqKF8pMFxK1K4cpX7f/view?usp=sharing

    I highlighted the live page and took a screenshot which you can see below.  That blue line is all that exists of the H5P content that I've placed on this page.

Virtual 360 Tour - DC Tour    10. Any recent changes to the environment (new plugins/modules, updates, configuration changes etc.)
         Quite a few changes, but none since I first started trying to upload the H5P content.

    11. Any recent changes to the browser you're using (new extensions, updates etc.)

Content types: 
BV52's picture

Hi Jake,

Would you mind attaching a screenshot of the browser console (item #7). I just checked this and the content shows without a problem.


jakecharlson's picture

Hi BV,

I'm not sure if this is what you're asking for or not.  If not, where should I go to get a screenshot of that?

Thanks for the reply!

jakecharlson's picture

Hi BV,

I figured it out.  The 'a3 Lazy Load' plugin was the problem and prevented any H5P content from populating.  I've had enough issues with it in the past that I've just completely disabled it now.  Things may be a bit slower for our site, but it's worth it to be able to use H5P content.  So stoked!

Thank you!

BV52's picture

Hi Jake,

Glad you found what's causing it, weird that it did not show up the browser console.