Forum Discussion

MichaelOSull894's avatar
MichaelOSull894
Community Member
2 years ago

H5P display errors in Rise

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

  • 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.