H5p Code shows only white page

Hi,
There can be a number of reasons for this. Please check your browser’s console (Ctrl+Shift+J in Chrome) for any error messages on the failing page.

Hi,
where can i see the error messages?
i load the failing page and use the ctrl+shift+J key. on the right side open a sidebar.

and now?

I have tried some more parts of H5P.
“Find Multiple Hotspots” is working.
“Column”, “Image Sequencing”, “Image Sequencing” is not working – also only a white page.

good n8

I found this messages in Firefox:

Diese Seite verwendet die nicht standardisierte Eigenschaft “zoom”. Stattdessen sollte calc() in den entsprechenden Eigenschaftswerten oder “transform” zusammen mit “transform-origin: 0 0” verwendet werden. was-ist-wo-motorraum-seat-leon-2

JQMIGRATE: Migrate is installed, version 1.4.1 jquery-migrate.min.js:2:552

Diese Website verwendet anscheinend einen scroll-verknüpften Positionierungseffekt. Dies k?nnte mit asynchronem Verschieben (Panning) schlecht zusammenspielen; siehe https://developer.mozilla.org/docs/Mozilla/Performance/ScrollLinkedEffects für weitere Details und nehmen Sie an der Diskussion über damit verbundene Werkzeuge und Funktionen teil! was-ist-wo-motorraum-seat-leon-2

Try resizing the page, does the content appear then?

Are you able to provide a link to a page that is failing so I can take a look?

When the browser renders the page it will display any errors it encounters in the browser console. You can find more detailed information about that here: https://developer.mozilla.org/en-US/docs/Tools/Web_Console/Console_messages

Such errors can be a sign that there is something wrong with the page. However, it can also mean that your browser is not up to date or that you have installed a plugin/extension in the browser that is not compatible with the web page, or that there is something wrong with your WordPress setup. This can also be a result of incompatible WordPress plugins being installed.

Please start by checking that you are in-fact running the latest version of your browser. Next, try opening the page in Privacy or Incognito mode or even a different browser to rule out any issues with your browser.
The next step would be checking for any errors in the browser’s console when the page is loaded.

https://lerne-fahren.de/finde-die-paare-motorraum-seat-leon/

I tryed it with chrome and with MS edge. The same result. My first idea was that the page is to small. So i tried it on an page without sidebar – same result.

I look now for Errors in the page – but that is not so easy for me. i will do my best ??

Thank you

Hi @michaelfleischmannwp !

As @icc0rz mentioned, there may be other plugins interfering with the H5P plugin. In your case, it seems to be a “lazy loading” plugin that you installed on WordPress. Those are usually used to speed up initial rendering of websites. In order to achieve that, they change the timing of when libraries are loaded, and in this case, this prevents H5P from initializing correctly.

I am sure if you deactivate the “lazy loading” plugin, then H5P will work.

Best,
Oliver

The issue is that lazy load is enabled (third-party WordPress plugin). This is breaking the iframe with the interactive content.

I don’t believe this should really run for iframes without a source. Anyway, there should be a way for you to disable lazy load for that page or certain patterns of iframes, though that may be more advanced.

Ok. Thank you for your help.
I try this and i received another solution: in BeTheme i can write the shortcode in the area from elementor instead of WP.

Thank you very much.
Michael