Bug with embedded interactive book - buttons won't work

Hi there,

I'm trying to have an interactive book show on the front page of my course in Moodle. I can create a new H5P file and in the description box I can copy the embed code. However, when I go to the main page, it only shows the first page of the book, if I click anywhere, it goes to a blank screen. 

When I open the H5p file itself, it works properly, but the embed version on the front page just doesn't. I've made a short clip where you see me creating the content, pasting the embed code, going to the main page and getting the blank page. https://vimeo.com/531419062/af0ae69b17 

Can anyone help me, please?

Summary: 
Interactive book embed function not working on main screen
Content types: 
BV52's picture

Hi,

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

  1. Platform and version number. E.g. Drupal, Wordpress, Moodle.
  2. Mobile or Desktop
  3. Browser: Chrome, Firefox, Safari etc
  4. H5P plugin version
  5. H5P content type and version (if a content type was used), and a sample URL or attached H5P.
  6. Any browser console errors
  7. Any PHP errors

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

  1. Platform and version number. Moodle 3.9
  2. Mobile or Desktop DESKTOP
  3. Browser: Chrome, Firefox, Safari etc Chrome/EDGE
  4. H5P plugin version 1.21.0 (2020080400)
  5. H5P content type and version (if a content type was used), and a sample URL or attached H5P. Interactive book
  6. Any browser console errors 

Uncaught Error: Syntax error, unrecognized expression: #h5pbookid=23

    at Function.se.error (jquery-3.4.1.min.js:2)

    at se.tokenize (jquery-3.4.1.min.js:2)

    at se.select (jquery-3.4.1.min.js:2)

    at Function.se [as find] (jquery-3.4.1.min.js:2)

    at k.fn.init.find (jquery-3.4.1.min.js:2)

    at new k.fn.init (jquery-3.4.1.min.js:2)

    at k (jquery-3.4.1.min.js:2)

    at Object.showSection (course-lazy.js:1)

    at first.js:396

    at dispatch (jquery-3.4.1.min.js:2)

Uncaught Error: Syntax error, unrecognized expression: #h5pbookid=23

    at Function.se.error (jquery-3.4.1.min.js:2)

    at se.tokenize (jquery-3.4.1.min.js:2)

    at se.select (jquery-3.4.1.min.js:2)

    at Function.se [as find] (jquery-3.4.1.min.js:2)

    at k.fn.init.find (jquery-3.4.1.min.js:2)

    at new k.fn.init (jquery-3.4.1.min.js:2)

    at k (jquery-3.4.1.min.js:2)

    at Object.showSection (course-lazy.js:1)

    at first.js:396

    at dispatch (jquery-3.4.1.min.js:2)

 

  1. Any PHP errors