increase height of personality quiz iframe

I've created a personality quiz. Independing on what settings I use in the embed options, my iframe will always open width a height of 441px. Is there a way to increase the height of the iframe? Everything I try seems to be overwritten by the iframe itself.

Example: this script will still load a frame of 441px in height dispite adding a custom height to the iframe. 

<iframe src="https://h5p.org/h5p/embed/50065" width="1090" height="900" frameborder="0" allowfullscreen="allowfullscreen"></iframe><script src="https://h5p.org/sites/all/modules/h5p/library/js/h5p-resizer.js" charset="UTF-8"></script>

Content types: 
fnoks's picture

Hi,

If you remove the resize script, the size set in the iframe will be used. I.e, use only this part:

<iframe src="https://h5p.org/h5p/embed/50065" width="1090" height="900" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

Hi Fnoks, 

The height of the iframe does indeed increase. However, the height of the personality quiz itself, remains 441px. Is there a way to make this responsive?

fnoks's picture

An H5P content type will inform the iframe what height it needs, not the other way around. Setting an iframe's height in a static way is really the opposite of being responsive. 

It would be nice to understand what you would expect seeing when increasing the height? E.g: should the image use more vertical space? Anyway, the implementation of Personality Quiz would have to be changed in order to change the behavior. It could e.g. be solved by adding a minimum-height parameter in the editor, and some css and/or JavaScript logic making sure the full height is utilized. The content type is found here: https://github.com/LumeniaAS/h5p-personality-quiz. If you are a developer, you may create a pull request!