H5P display errors in Rise
May 25, 2023
Hi,
I am using H5P on a client project for the first time.
I am creating drag-and-drop exercises in H5P for embedding into Rise modules; most of the time, it is fine, but a couple of the inserts are showing scrolling bars.
I have tried using the 'advanced' setting in H5P, which includes automatic resizing - but when I try to embed them, I get an error message, and it will not load.
Also, I get a display at the top of the content showing how many attempts, which I want to switch off. But I can't see how in H5P and can't find a workaround in their help section.
Any ideas for a work around?
TIA
3 Replies
Hi Michael!
It sounds like you had some questions about embedding H5P content into your Rise 360 course. I haven't played around much with H5P's embed code, but if you are willing to share what you are using, I'd be happy to take a closer look and see if we can figure out some ways to help you!
Also, I found a related discussion where Donald offers some thorough insight on embedding H5P content into a Rise 360 lesson.
Thanks for reaching out! Looking forward to hearing from you!
Hi Steven,
Thanks for the prompt response.
This is the embed code I get for a D & D and it displays with scroll bars:
<iframe src="https://dttcourses.h5p.com/content/1291963558016356837/embed" aria-label="anticoagulatory action" width="1088" height="637" frameborder="0" allowfullscreen="allowfullscreen" allow="autoplay *; geolocation *; microphone *; camera *; midi *; encrypted-media *"></iframe><script src="https://dttcourses.h5p.com/js/h5p-resizer.js" charset="UTF-8"></script>
When I go to advanced settings - it says:
Include this script on your website if you want dynamic sizing of the embedded content:
<script src="https://dttcourses.h5p.com/js/h5p-resizer.js" charset="UTF-8"></script>
When I load this script, I get an error message telling me an invalid script or something similar.
I am no JS expert, and I may be doing something stupid, but I can t work it out.
Also I get a message displaying above the content (see attached) which seems to aggregate the number of attempts across platforms, that I can't switch off. I know this is 3rd party s/w but any ideas?
Thanks in advance
Michael
Hi (agaiin) Steven,
I have just noticed this is the script which Rise shows
<iframe src="https://dttcourses.h5p.com/content/1291963558016356837/embed" width="1088" height="637" frameborder="0" allowfullscreen="allowfullscreen" allow="autoplay *; geolocation *; microphone *; camera *; midi *; encrypted-media *"></iframe>
And this is the code copied from the H5P site
<iframe src="https://dttcourses.h5p.com/content/1291963558016356837/embed" aria-label="anticoagulatory action" width="1088" height="637" frameborder="0" allowfullscreen="allowfullscreen" allow="autoplay *; geolocation *; microphone *; camera *; midi *; encrypted-media *"></iframe><script src="https://dttcourses.h5p.com/js/h5p-resizer.js" charset="UTF-8"></script>
Not sure if this helps, but saw they were different.