size of an embedded presentation

Submitted by seidelx on Sat, 05/12/2018 - 13:54
Forums: 
General discussion

I try to embed a presentation with a fixed size. If I take the code like this (<iframe src="https://h5p.org/h5p/embed/204726" width="600" height="300" frameborder="0" allowfullscreen="allowfullscreen"></iframe><script src="https://h5p.org/sites/all/modules/h5p/library/js/h5p-resizer.js" charset="UTF-8"></script>) embedded on my joomla-blog the presentation is dynamic as big as the template allows. :-( I know from vimeo and youtube video that you can fix the size. In my editor I SEE the small H5p presentation preview-area but on my real blog it shows the bigger-one dynamic view.

Joomla 3.8.7 Desktop
Browser Firefox

H5p Web

thanks Thomas

thanks Thomas

otacke's picture

otacke

Tue, 05/22/2018 - 16:57

Hi Thomas!

That's actually a caveat of H5P right now that we're planning to address. Embedded content always tries to use as much horizontal space as possible.

Depending on what your system does with the embedded code, you might achieve your goal by wrapping your embedded content into a div container, limiting its width, and maybe playing with the given size of the div and the iframe a little bit. For example ...

<div style="width: 600px">
<!-- Your embed code here -->
</div>