H5P contents not running properly on Moodle v3.4.3

Submitted by Abdus Meah on Thu, 06/07/2018 - 17:29
Forums: 
Bugs in content types

I am currently testing Moodle 3.4 on a test site and everything seems to be working as normal apart from the H5P plugin. We have the latest version of the plugin and all library contents are updated. I am uploading H5P demo content files which I downloaded from H5P and if I create it myself it still has the same issues. The same content files work perfectly on our current Moodle v3.1.10 site.

The following content types have issues:

  • Arthmetic Quiz freezes after clicking start on the quiz
  • Image Pairing displaying white blank screen after saving
  • Column displaying white blank screen after saving
  • Image sequence displaying white blank screen after saving
  • Interactive Video stuck on Loading, please wait... after clicking use
  • Mark the Word displaying white blank screen after saving
  • Multiple Choice displaying white blank screen after saving
  • Timeline displaying white blank screen after saving
  • Course Presentation stuck on Loading, please wait... after clicking use
  • Find the hotspot displaying white blank screen after saving

I am using a desktop and it does not matter which browser I use I am getting the same issues. The H5P plugin version is 1.9 [2018053100]. 

Our Moodle host are saying there maybe a bug in the codes. Looking at the inspect element it's bringing up javascript errors such as below for the Image pairing:

TypeError: $cardList.find(...).draggable is not a function

Any help would be greatly appriciated.

Kind regards

Abdus

BV52's picture

BV52

Fri, 06/08/2018 - 05:27

Hi Abdus,

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

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

-BV52

Abdus Meah

Tue, 06/12/2018 - 11:23

Hi BV52

I have already given you all the information you listed that is available to me, do you want me to list it in bullet points?

Kind regards

Abdus

BV52's picture

BV52

Wed, 06/13/2018 - 05:41

Hi Abdus,

No need to put it in bullet point. How about any PHP errors?

-BV52

Abdus Meah

Thu, 06/14/2018 - 15:45

There weren't any PHP errors.

Inspect element brings up a few errors:

TypeError: H5P.Question is undefined[Learn More]
 ada0ea48de1ad9116e758dc69e08b6f3f838b01c.js:1590:27
 TypeError: instance is undefined[Learn More]
 h5p.js:981:1
 Unable to find constructor for: H5P.Column 1.5
 h5p.js:861:5
 Error: Syntax error, unrecognized expression: #

I hope that helps.

Kind regards

Abdus

icc's picture

icc

Mon, 07/02/2018 - 13:37

It looks like there might be some issues loading some of the required files. If you bring up the network tab (Ctrl+Shift+J in Chrome and choose Network) try to look for any failed request marked in the color red.