About this plugin
PLEASE NOTE: I gave some of my free time to create this plugin. Using it and its source code is absolutely free. I don’t want any money from you.
org/donate) — or more if you can afford to.
H5P is a versatile plugin to add interactive content to your website. g. inside tabs, accordions, lightboxes, etc.
And with some of them it seems that H5P doesn’t work although it is, but the content is set to a height of 0 pixels. org/manipulating-h5p-with-javascript.
The best solution would be to modify the plugin that’s including tabs, etc. to your WordPress site, but that’s not always possible. In some cases, this plugin may be a feasible workaround at least.
In “observer” mode, it will try to add a so called ResizeObserver to the container that holds the iframe with H5P content. g. when it becomes visible.
This should be a safe option just taking some extra resources.
In “interval” mode, it will trigger H5P to resize in regular intervals which should let it be displayed in many cases. However, if they appear too frequent, they may cause the browser to stall. Choose the time interval wisely!
Also, some H5P content types may break that way. The only way around this is then the “selector” mode.
g. the tab buttons. If that selector is set in the plugin’s settings, it will trigger a resize pulse when that element is clicked.
This way, you prevent stalling the browser or breaking H5P content types. Depending on how the other plugin was created, there may not ba a suitable CSS selector then.
If necessary, you can use the manage_h5presizepulse_options capability to control access to the plugin settings.
PLEASE NOTE: H5P IS A REGISTERED TRADEMARK OF H5P GROUP.
THIS PLUGIN WAS NEITHER CREATED BY H5P GROUP NOR IS IT ENDORSED BY THEM.