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 Nov 13, 2019 by chofer@morainepark.edu

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