H5P Content not shown on Frontend

Hi guys,

I've tried searching the forum first, and quite a few people seem to be having the same, if not the exact same issue.

First things first:

  1. Detailed steps to reproduce the bug (exactly how and when did it happen):
    Everything worked like a charm, until I updated Wordpress to 5.6 yesterday, then the problem instantly occurred. I could see and create and edit H5P content in the backend, but it didn't show any longer on the frontend, except for 1 content, which is memory game (see screencaps).
  2. Platform and version number. E.g. Drupal, Wordpress, Moodle:
    Wordpress 5.6 with Classic Editor
  3. Mobile or Desktop:
    Desktop
  4. Browser: Chrome, Firefox, Safari etc:
    Vivaldi, same issue on Opera, Firefox and Edge, Desktop and Mobile (Vivaldi, Chrome for Mobile)
  5. H5P plugin version
    1.15.0
  6. H5P content type and version (if a content type was used), and a sample URL or attached H5P:
    Find the words, Drag text, Fill in the blanks, Mark the words, Image Hotspots, Flashcards
  7. Any browser console errors
    None, and I disabled 2 plugins that caused console errors. I disabled even more to check whether they were causing the issue, but it didn't help.
  8. Any PHP errors
    None
  9. Screenshots if it's a visual problem
    List of all contents, all have the same issue except Memory Game:

    Page on the Frontend (below each green heading should one of the H5P contents appear, and only the Memory Game does, which is within a table to limit its total width and thus height it takes on the page. I tried putting other [h5p ID="bla"] in a table, didn't help.)
  10. Any recent changes to the environment (new plugins/modules, updates, configuration changes etc.)
  11. See 1; I updated Wordpress to 5.6, created a Flashcards content and when I wanted to add it to the page on the frontend, it didn't show, as well as the other contents.
  12. Any recent changes to the browser you're using (new extensions, updates etc.)
    None

 

Like said above, I've searched various topics with similar or the same issue, but none seem to have received any reply that would solve this or help with it. For one user it seemed to have helped to fresh install Wordpress, but I want to avoid that if possible. I tried to restore a backup of the site before I updated Wordpress, didn't help either.

I would appreciate so so much if someone would be able to help me with this, since I've wanted to use H5P for an advent calender for the language learning community I am in and the plugin is not working any more :( And I would love to use it in the future as well because until this issue occurred it was was very neat and handy plugin, one of the best out there! So I hope someone can help me. Many thanks in advance!

Best regards!

BV52's picture

Hi vrrtep,

Would it be possible to provide a sample URL that the community can check?

-BV

Hey BV52,

Sure!

https://numeko.info/adventskalender/

https://numeko.info/adventcalendar/

Hope this will help figure out what is going on ^^ If you need anything else, let me know!

good afternoon everyone. I have a similar problem. i am using a premium themу Eduma, quizzes stopped showing after updating WordPress and themes. this is how it looks. https://www.screencast.com/t/ZmJPu9KPyW1n -

wrote to the theme developer, there is no answer yet. What to do? Thank you

BV52's picture

Hi mtvrus,

Would it be possible to temporarily revert back to the default WP theme and see if it resolves the issue?

BTW for some reason I cannot play the attache video.

-BV

Hi again,

any ideas or problems found yet? :) Don't want to appear impatient, I just want the plugin to work again ;D at best before X-Mas, but even if only after that date, would be wonderful, as long as it's working again. Don't want this topic to vanish into being forgotten / remain unsolved too. :x

BV52's picture

Hi vrrtep,

I filed a report to the H5P core and updates and possible troubleshooting steps will be posted on the ticket.

-BV

Thanks a lot! I will follow the ticket and hope, that someone will be able to help, either there or here :)

H5P quizzes are also not showing on our frontend. We are using WordPress with Eduma. I realise that a report has been filed with the H5P core, but I have found no information about a possible solution. Can you let me know if any progess has been made? Thanks for your helpl

H5P content has also disappeared from our frontend. We are using Wordpress with the Eduma theme. I realise that a report on this issue has been posted to H5P core. Has there been any progress on the issue? Thanks for your help.

otacke's picture

Hi AndyL!

I regret to say, but I don't think that checking for incompatibilities with the Eduma thema will get high priority - especially in the holiday season. The H5P core team is busy working on finishing the OER Hub - I hope :-)

Best,
Oliver

Thanks for your reply Oliver. My understanding is that the issue is compatibility with Wordpress 5.6, so the problem is more widespread than if it were just with Eduma. Does that alter things?

otacke's picture

Hi AndyL!

If It was, I could - I am not a member of the H5P core team, so I wouldn't know. However, I am running H5P on multiple WordPress 5.6 platforms without any problems, so I am not convinced that there's a compatibility problem with that version.

Cheers,
Oliver

BV52's picture

Hi AndyL,

I would agree with Oliver. Prior to reporting the issue to the H5P core team I tried to reproduce the issue using a similar if not the same environment but I was unable to do so. This leads me to believe that it may be isolated to WP 5.6 but not everyone that is using it will experience the issue. We would have to wait for their feedback on the next course of action which may take longer than usual because of the holidays.

-BV

Thanks to both of you. It's helpful knowing that it's not a general compatibility problem. We'll try reinstalling H5P and see if that helps. If you hear of any developments, it would be great if you could post to this thread or let me know where to look. I appreciate that things may take longer than normal as people are enjoying a well-earned break.

BV52's picture

Hi AndyL,

I'll definitely update you this thread if there are any updates that were not documentated in the bug report I filed.

Happy Holidays!

-BV

 

Hi all,
I had the same issue after I updated Wordpress to its new version (5.6).
I downgraded Jquery to the version 1.12.4 and my h5p interactive videos are visible again. I used the plugin JQuery Migrate to do this.
I hope that it can help you.

Hello all, and happy new year 2021!

It's been almost a month since I started this topic, is there any chance there will come anything out of it? The report issued on Jira and linked by BV52 hasn't brought anything new yet, either.

Best regards!

BV52's picture

Hi vrrtep,

Happy New Year!

I wish I have good news for you regarding this issue but there are no updates yet from the H5P core team. One thing that is peculiar with this issue is that there doesn't seem to be a "triggering" factor (at least I found nothing through my tests) and the only thing that is consistent is that it happens in WP 5.6. Which in itself is not 100% reliable as a determining factor since not everyone that is using that version is having the issue.

-BV 

Hallo all,
Just to let you know that we found a temporary solution by downgrading to WP 5.53 using this plugin: https://wordpress.org/plugins/wp-downgrade/.
Let's hope there's a permanent solution soon.

Thanks again to all who have helped or made suggestions.

Andy
 

Hi! I tried what you suggested, I downgraded it to 5.5 and then 5.5.3, both did not change anything for the better, the H5P plugin still seems to be broken / not shown, so the problem persists. :/

Addition: Yesterday's release of and update to WP 5.6.1 didn't resolve this either.

BV52's picture

Hi vrrtep,

Thank you for the additional information.

@everyone can you confirm if you are using Optimapress/optimizepress plugin?

-BV

I'm running into the same problem as the people above. In particular: all content that was embedded doesn't show up (Except for one Memory Game content)

I was thinking that this part in the code was the culprit: <iframe id="h5p-iframe-101" class="h5p-iframe h5p-initialized" data-content-id="101" style="height:1px" src="about:blank" frameborder="0" scrolling="no"></iframe>

While I did get an Add H5P button in Classic Editor, the content that I add with this button still won't show on my frontend.

I also switched my blog to troubleshooting mode and the first plugin I tried to activate was H5P.

This is what I got: When enabling the plugin, h5p, a site failure occurred. Because of this the change was automatically reverted.

I found out what was causing the bug for me:

It turned out that a theme that wasn't updated for years was the reason why I couldn't get most H5P content to work on my site.

In case you have the same problem, try to preview a different theme and see if the content runs in it.

You're welcome!

Edit: I changed the theme to a newer one and that really did the trick. Big facepalm in my direction, please :D Thanks for the tip and sorry for all the rumbling, I'm happy it works again now :)