H5p content doesn't appear

Submitted by jdbenthien on Sat, 02/15/2020 - 13:13
Forums: 
Bugs in content types

Hello everyone!

I am a big fan of H5P and have been using it for quite some time. For some reason the H5p questions aren't appearing on my website anymore. Sometimes, when I reload the page it shows up. But not always. Any idea what might be happening? 

I have a Wordpress website. Use Learndash+ Buddyboss theme+ Memberpress(this one is new)

Any help would be much appreciated.

Or does anyone maybe know of another app that let's people record their voice and gives feedback?

 

Thanks in advance.

BV52's picture

BV52

Mon, 02/17/2020 - 16:48

Hi jdbenthien, 

In order to give your bug report the best chance of getting answered, please include the following information:

  1. Detailed steps to reproduce the bug (exactly how and when did it happen)
  2. Platform and version number. E.g. Drupal, Wordpress, Moodle.
  3. Mobile or Desktop
  4. Browser: Chrome, Firefox, Safari etc
  5. H5P plugin version
  6. H5P content type and version (if a content type was used), and a sample URL or attached H5P.
  7. Any browser console errors
  8. Any PHP errors
  9. Screenshots if it's a visual problem

If it worked before:

  1. Any recent changes to the environment (new plugins/modules, updates, configuration changes etc.)
  2. Any recent changes to the browser you're using (new extensions, updates etc.)

The more information you provide, the quicker the community will be able to fix it and the quicker you'll have a working solution!

-BV

jdbenthien

Tue, 02/18/2020 - 13:36

Hello!

Will try to answer all of your questions 1 by 1.

1) Not sure how or when it happened. On the 15th of january a student of mine could still answer one of the exercises, so it must have happened after. The exercises just stopped appearing on the website. When I preview the page it is there, though.

2) I am using Wordpress. It says I'm using the latest version which I think is: 5.3.2

3) The problem is appearing both in desktop and mobile.

4) I'm using Chrome.

5) H5P version is 1.15.0

6) This is happening with all the content. Flashcards, true and false questions, speak the words, dictation...

7/8) I don't see any error messages

The only new plugin that got installed in January is the WP BookWidgets, but I tried deactivating it and nothing happened.  I'm not sure about updates, as there are updates to de plugins almost every single day.  Chrome got updated 2 weeks ago, I think. 

Attachments: 
Image icon error H5P.png
BV52's picture

BV52

Tue, 02/18/2020 - 17:33

Hi jdbenthien,

Can you please double check the following:

  1. Any browser console errors
  2. Any PHP errors

These 2 would give us hints on where the problem is coming from or what is breaking.

-BV

jdbenthien

Tue, 02/18/2020 - 17:45

There are no error messages. The content just doesn't show up anymore. The page now looks like in the picture. Under the heading of exercise 5 should appear a 'speak the words' exercise but nothing happens.

otacke's picture

otacke

Tue, 02/18/2020 - 20:08

Hi!

Actually, most error messages don't show up on screen. BV is asking you to have a look at the server's error log file and, in particular, to the debug console output that's usually opened using the F12 key.

Best,

Oliver

jdbenthien

Sat, 02/22/2020 - 12:44

Ow, I see. How can I do that? Do I click F12 on the page where the content is supposed to appear or on my H5P plugin page or somewhere else?

Thanks in advance!

jdbenthien

Sat, 02/22/2020 - 22:13

I found those here when I pressed F12. One of the errors was talking about H5p

Attachments: 
Image icon H5P error.png
otacke's picture

otacke

Mon, 02/24/2020 - 12:04

Hi jdbenthien!

The H5P content is running fine as you can see at https://deutschepause.com/wp-admin/admin-ajax.php?action=h5p_embed&id=38. You're running a "lazyload" plugin that probably interferes with the loading process of H5P. The content that it expects to be ready isn't.

Best,
Oliver

p. s.: Your server folders are completely open to the public. You may want to change that.

jdbenthien

Mon, 02/24/2020 - 16:41

How can I find out which one it is? should I just start deleting one by one until I can find it? 

How do I change my server folders?

 

Thanks again

otacke's picture

otacke

Mon, 02/24/2020 - 17:27

How can I find out which one it is? should I just start deleting one by one until I can find it? 

You shouldn't delete any, but deactivate them one by one. Its name probably contains "optimize", "speed" or something similiar.

How do I change my server folders?

You should either check the read/write/execute rights of your wp-contents/uploads folder for "other users", e.g. using an FTP client if you don't have direct server access - or you could restrict access to folders using an .htaccess file.

Cheers,
Oliver

FachLektorat

Wed, 03/25/2020 - 19:54


Hello,

I've been working with H5P for a long time, it's the first time this problem has come up. Different people in different countries have tested the site on several browsers. H5P content is not displayed on Firefox and Chrome desktop browsers.

I am grateful for any help!

Detailed steps to reproduce the bug (exactly how and when did it happen): H5P Image Juxtaposition Content does not appear on browsers like Firefox and Google Chrome on multiple devices, it only works good on Safari and Opera 
http://birds.cadmos.de/doppelgaenger-schnell-und-einfach-unterscheiden/ 

  1. Platform and version number. E.g. Drupal, Wordpress, Moodle: Wordpress
  2. Mobile or Desktop: Mostly Desktop, sometimes on mobile too
  3. Browser: Chrome, Firefox, Safari etc: Problem with Chrome Desktop, Firefox Desktop, Chrome on Samsung mobile devices 
  4. H5P plugin version: Version 1.15.0
  5. H5P content type and version (if a content type was used), and a sample URL or attached H5P. Image Juxtaposition 1.4.1
  6. Any browser console errors: Content does not appear on browsers like Firefox and Google Chrome on multiple devices
  7. Any PHP errors
  8. Screenshots if it's a visual problem: Screenshots show that it does not appear on Firefox and Chrome but it is shown on Safari
  9. Any recent changes to the environment (new plugins/modules, updates, configuration changes etc.): No, different people tested it and all had the same problems on different devices
  10. Any recent changes to the browser you're using (new extensions, updates etc.): No, different people tested it and all had the same problems on different devices
H5P file: 
Binary Data amsel-oder-star-4.h5p
Attachments: 
Image icon Bildschirmfoto 2020-03-25 um 19.37.02.png
Image icon Bildschirmfoto 2020-03-25 um 19.37.57.png
Image icon Bildschirmfoto 2020-03-25 um 19.39.31.png
otacke's picture

otacke

Wed, 03/25/2020 - 21:49

Hi FachLektorat!

On the site that you're showing on the images, you're using some form of accordion plugin (https://wordpress.org/plugins/easy-faq-with-expanding-text/). It is interfering with H5P's ability to set the height of the "windows" for H5P content in general, not limited to Image Juxtapositon. When the accordion panels are collapsed, the available height for H5P content is 0 pixels, so they are there, but they are not visible. H5P doesn't know that you have these accordions and cannot resize itself, because it doesn't get a trigger. One of these triggers would be resizing the browser window - so if you run your site in chrome, open some panels and then resize the browser window, the content will appear.

I am a little puzzled though why it's working on Safari. For a general solution, the easy faq plugin code would have to be changed slightly, cmp. https://h5p.org/manipulating-h5p-with-javascript

Best,
Oliver

FachLektorat

Thu, 03/26/2020 - 02:06

Hi, Oliver! 
Thank you very much, your answer was extremely helpful. I removed the accordion and now it's perfect.
I' m a bit afraid of changing the javascript, so I'll find another way to organize the Image Juxtapositon. 

Have a very nice day and thanks again for your help!

Best regards from Vienna, 
Barbara

otacke's picture

otacke

Thu, 03/26/2020 - 14:56

Hi Barbara!

You're welcome! Greetings from Hamburg.

Best,
Oliver