AnsweredAssumed Answered

How do I add dynamic H5P embeds based on browser size?

Question asked by Jon Niles on Apr 5, 2019
Latest reply on Apr 9, 2019 by Michael Zimmerman

I'm attempting to embed some H5P Image Hotspots and I want the tool to be dynamic for various browser sizes.

 

I'm adding this https://h5p.org/node/477019 specific tool for example.

 

Here's the embed link from H5P: <iframe src="https://h5p.org/h5p/embed/477019" width="1090" height="638" frameborder="0" allowfullscreen="allowfullscreen"></iframe><script src="https://h5p.org/sites/all/modules/h5p/library/js/h5p-resizer.js" charset="UTF-8"></script>

 

There's also an advanced option that says... 

Include this script on your website if you want dynamic sizing of the embedded content:

<script src="https://h5p.org/sites/all/modules/h5p/library/js/h5p-resizer.js" charset="UTF-8"></script>

 

When I attempt to add this to the HTML5 editor, nothing happens.  The HTML5 tool doesn't accept the input.  Is there a way to do this?

Outcomes