360 Tour - 0px iFrame - Content Does Not Display
Submitted by jakecharlson on Tue, 10/13/2020 - 20:36
Forums:
Hi,
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!
- 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. - 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. - Mobile or Desktop
Both. Tested on Windows desktop and Android smartphone. - Browser: Chrome, Firefox, Safari etc
Chrome, Firefox, Internet Explorer - H5P plugin version
1.15.0 - H5P content type and version (if a content type was used), and a sample URL or attached H5P.
Virtual Tour (360). - Any browser console errors
None that I see. - Any PHP errors
None that I see - 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.
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.)
None.
Content types:
BV52
Wed, 10/14/2020 - 18:40
Permalink
Hi Jake,Would you mind
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.
-BV
jakecharlson
Wed, 10/14/2020 - 19:01
Permalink
Hi BV,I'm not sure if this is
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
Thu, 10/15/2020 - 22:40
Permalink
I figured it out!
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
Fri, 10/16/2020 - 17:45
Permalink
Hi Jake,Glad you found what's
Hi Jake,
Glad you found what's causing it, weird that it did not show up the browser console.
-BV