Course Presentation not displaying in learndash

Submitted by Rmcmullan on Mon, 07/06/2020 - 20:19
Forums: 
Bugs in content types

I have added a course presentation in learndash using the shortcode. It loads and then disappears after a few seconds.  I have tried 2 different presentations with the same result. Can anyone help with this please?

 

otacke's picture

otacke

Mon, 07/06/2020 - 21:58

Hi Rmcmullan!

In order to help you, could you please follow the guidelines for creating bug reports listed at the top of https://h5p.org/forum/9?

Best,
Oliver

 

Rmcmullan

Tue, 07/07/2020 - 11:44

  1. I added a course presentation to a learndash using a shortcode. 
  2. The platform is wordpress 5.4.2 and Learndash version 3.2.0
  3. Desktop
  4. Browser: Chrome
  5. H5P plugin version. 1.15.0
  6. H5P content type. Course presentation. and version. Unsure of version number but i have attached the file.
  7. Any browser console errors. No browser errors
  8. Any PHP errors. none
  9. Screenshots if it's a visual problem. I have attached screenshots
  10. Any recent changes to the environment (new plugins/modules, updates, configuration changes etc.). No recent changes
  11. Any recent changes to the browser you're using (new extensions, updates etc.). No changes
H5P file: 
Binary Data understanding-information-within-the-hazard-directory-5.h5p
Attachments: 
Image icon Screen shot of topic when it disappears.png
Image icon Screen shot of topic before it disappears.png
BV52's picture

BV52

Tue, 07/07/2020 - 19:05

Hi Rmcmullan,

Could you please double check item no. Any browser console errors. (This usually can be accessed by pressing F12 on your keyboard).

-BV

Rmcmullan

Wed, 07/08/2020 - 09:47

Hi BV,

Please see attached image of the console errors. 

 

Attachments: 
Image icon Console errors.png

gkondrach

Sun, 07/12/2020 - 22:52

I was about to report, but I saw it was more-or-less identical to this issue.

I get a BLANK first, then sometimes if I reload I do get the correct DISPLAY. The console message is present always.

George

otacke's picture

otacke

Mon, 07/13/2020 - 13:42

Hi!

That error message is not caused by H5P.

Are you running some kind of lazy load plugin that might interfere with the initialization of H5P?

Is H5P in some container that has zero height on startup? In that case, https://wordpress.org/plugins/snordians-h5p-resize-pulse/ might work as a patch.

Best,

Oliver 

gkondrach

Mon, 07/13/2020 - 18:01

Hi!

But it appears to be. I'm using both Interactive Video ("IV") and Course Presentation ("CP") within Bootstrap 4 modals in an Angular 9 single page app 'website'. The IV work as expected. The CP fail to display. Same wrapper code, same env, same toolkits, same dependencies (no jquery anywhere!).

Upon launching either, this is the only console feedback ... a warning not an error:

h5p.js:1 No ajax path found
VM7 h5p.js:1 No ajax path found
jquery.js?id=a2710a4b6a35dcbe1429:2 [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
add @ jquery.js?id=a2710a4b6a35dcbe1429:2
(anonymous) @ jquery.js?id=a2710a4b6a35dcbe1429:2
each @ jquery.js?id=a2710a4b6a35dcbe1429:2
each @ jquery.js?id=a2710a4b6a35dcbe1429:2
ke @ jquery.js?id=a2710a4b6a35dcbe1429:2
on @ jquery.js?id=a2710a4b6a35dcbe1429:2
bind @ jquery.js?id=a2710a4b6a35dcbe1429:2
S.initTouchEvents @ 71beb445e8707cdcacf6e7f167d2576666556e50.js:1759
S.attach @ 71beb445e8707cdcacf6e7f167d2576666556e50.js:1759
SLzJ.i.newRunnable @ h5p.js?id=d7bbaf05c1529da6e520:1
(anonymous) @ h5p.js?id=d7bbaf05c1529da6e520:1
each @ jquery.js?id=a2710a4b6a35dcbe1429:2
each @ jquery.js?id=a2710a4b6a35dcbe1429:2
SLzJ.i.init @ h5p.js?id=d7bbaf05c1529da6e520:1
(anonymous) @ h5p.js?id=d7bbaf05c1529da6e520:1
e @ jquery.js?id=a2710a4b6a35dcbe1429:2
t @ jquery.js?id=a2710a4b6a35dcbe1429:2

Rmcmullan

Mon, 07/13/2020 - 14:27

Hi,

I managed to get mine working by embeding the code rather than using the shortcode. For some reason the shorcode didn't work properly. 

 

otacke's picture

otacke

Mon, 07/13/2020 - 18:20

Hi gkondrach!

I was referencing the error message posted by Rmcmullan, because as far as I can see, you've never posted that other error message before.

If you are using a custom Angular single page app, then I hardly believe there's anyone who can tell you where exactly the problem might be if you don't provide the code. The H5P core expects an AJAX endpoint to interact with the server side. The path to this endpoint doesn't seem to be provided.

Best,
Oliver