Interactive video doesn`t fit - scroll bar
Submitted by madsen on Wed, 12/29/2021 - 13:47
Forums:
Hi there,
you can check for the "error" (!?) here: https://lernenwollen.de/episode/01-der-erste-login/
The problem is that the video is embedded and it doesn't fit the window. One has to scroll up and down to see all...
This is the embedding code:
<iframe src="https://lernenwollen.de/xxxxx/admin-ajax.php?action=h5p_embed&id=1" height="100%" frameborder="0"></iframe>
I've already tried out heigth and width with auto and 100%...nothings has changed.
If anyone can help me with that...would be great!
Best wishes!
H5P 1.15.3
WP Version 5.8.2
otacke
Wed, 12/29/2021 - 18:02
Permalink
Hi Madsen!You're hosting H5P
Hi Madsen!
You're hosting H5P on the very same WorsPress site that you're displaying it on, so you don't have to use the embed code at all. Just use the shortcode that you see when editing the content [H5P id=<number>] (for this video it would be [H5P id=1]) or add the H5P content via the H5P button (not available if you're using the Gutenberg editor of WordPress).
If you prefer to use the embed code, please use it fully including the "<script src="https://lernenwollen.de/wp-content/plugins/h5p/h5p-php-library/js/h5p-resizer.js" charset="UTF-8"></script>" part. Otherwise H5P cannot resize the iframe.
Best,
Oliver