H5P Embed throwing JavaScript/jQuery error

[Tom]

When I embed an H5P iframe using a shortcode in the classic editor, and then try to view it on the front end, I receive two errors in the Console.

The first is:

h5p.js:997 Uncaught ReferenceError: H5PIntegration is not defined

The second is:

h5p.js:997 Uncaught ReferenceError: H5PIntegration is not defined
at Object.H5P.t (h5p.js:997)
at HTMLDocument.<anonymous> (h5p.js:2717)
at c (jquery.js:2)
at Object.fireWith [as resolveWith] (jquery.js:2)
at Function.ready (jquery.js:2)
at HTMLDocument.H (jquery.js:2)
H5P.t @ h5p.js:997
(anonymous) @ h5p.js:2717
c @ jquery.js:2
fireWith @ jquery.js:2
ready @ jquery.js:2
H @ jquery.js:2

It seems that h5p can’t find jQuery or can’t talk to it. Is there an easy way to help h5p find it, or is the problem something else entirely?

[Leo]

Hi there,

Did you load jQuery?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Tom]

Thanks for your help! It sounds like the solution is even simpler than I thought
Isn’t jQuery included in the WordPress Core? How do I ensure that I am loading jQuery?

[Leo]

This should help:
https://generatepress.com/forums/topic/sub-menu-problem-in-anchor-links/#post-1322057

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Tom]

I tested the way the plugins were using the JavaScript, thinking it was my optimizer plugin at first (I use SiteGround), but I finally narrowed it down to Smush.

I don’t know how, the plugin Smush (which I thankfully don’t need as much as h5p), was causing it.

Thanks for your help!

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts