h5p-iframe-wrapper issue

Submitted by kostashania on Thu, 04/16/2020 - 20:46
Forums: 
Content creation

Hello,

I am using wplms and all of a sudden (no plugin installed) I faced the following issue...

1. Steps to recreate the bug: When I am exploring the units within the started course, h5p content is not loading BUT if I refresh the page, viola! It is loading the content.

2. Platform you're using: WordPress 5.4

3. Mobile or Desktop: both

4. Browser: Chrome, Maxthon

5. H5P plugin version: 1.15.0

6. H5P content type version: Interactive Video (1.21.8)

7. screenshots attached

this is the wrapper when I press REFRESH on the page

<div class="h5p-iframe-wrapper" style="">

<iframe id="h5p-iframe-9" class="h5p-iframe h5p-initialized" data-content-id="9" style="height: 284px;" src="about:blank" frameborder="0" scrolling="no"></iframe></div>

This is the wrapper before refreshing the page:

<div class="h5p-iframe-wrapper">

<iframe id="h5p-iframe-9" class="h5p-iframe" data-content-id="9" style="height:1px" src="about:blank" frameborder="0" scrolling="no"></iframe>

</div>

there are no errors at the console.

Attachments: 
Image icon Screenshot_1.png
Image icon Screenshot_2.png
Content types: 
all content types
BV52's picture

BV52

Fri, 04/17/2020 - 18:41

Hi kostashania,

Would you happen to be using a lazy load plugin? If so would you mind disabling it and checking if the issue persists? If it resolves the issue I suggest that you make changes to the settings of the lazy load.

-BV

docmoritz's picture

docmoritz

Sun, 05/17/2020 - 11:36

Thank you!

Your idea brought my solution. Working within a wordpress installation with lazyload function by smushpro plugin.
I had several starnge days where the content was only shown within the preview and not within the saved lesson...

Your idea brought me to stop lazyload for this post type and voilà everything works fine.
So as a reference for others having may the same issue!

Thank you!

cogdog's picture

cogdog

Sun, 07/19/2020 - 22:17

Saw the same issue here on multisite where WP Smush (free) was network activated. The h5p iframe wrapper was added a class="lazyload" which triggered console errors of "Unexpected identifier 'lazyload'. Expected '}' to end an object literal." preventing display of all H5P content. deactivating WP-Smush took care of issue. Thanks for helping confirm issue.

kostashania

Fri, 04/17/2020 - 21:09

Thank you for the reply! I found the solution, it was the ajax enabled course option in wplms. Although for future reference there must be a fix for this. If I choose the unit from the side curriculum  - it is not loading but if I reload the page - it is loading.

Once again, thank you for the reply, keep up the good work!