H5P Content (embed) not correctly aligned

Submitted by tleich on Wed, 04/12/2023 - 13:32
Forums: 
Bugs in content types

Hi all,

I am facing an alignment issue with embedded H5P content in a Moodle LMS. I published h5p interactive content (interactive book) via embed code in a specific course. We prefer embeding content to improve the learning experience - so the users can stay on a course page.

The student can see the content, but unfortunately, it's not aligned correctly. The iframed windows shows a white spacer and the navigation icons in the top right corner are cropped/cut off. Notice screenshot: 

When the user moves to another subtopic in that specific element, the interactive reloads and the content will be displayed correctly.

 

Any ideas/recommendations from your side?

Best regards,

Thorsten

 

Content types: 
interactive book
otacke's picture

otacke

Wed, 04/12/2023 - 16:17

Hi Thorsten!

I am not completely sure if I understood your description correctly (and a screenshot is missing), but it sounds like you're using the embed link only without the "resizer" script that needs to be put into the HTML as well (see full embed code for H5P content when htting the embed button) - or the script may be filtered out if JavaScript is not allowed to be included in the HTML area.

Best,
Oliver