otacke

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. However, if you like this plugin, I kindly ask you to make a one-time donation of 2.50 EUR to the Rainforest Coalition (https://www.rainforestcoalition.org/donate) — or more if you can afford to.
H5P is a versatile plugin to add interactive content to your website. You may try to run it inside some fields that are created by other plugins, e.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. That problem is described at https://h5p.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. That observer will send a resize pulse whenever the container changes in size, e.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.
In “selector” mode, you need to determine a CSS selector that will identify all the elements that you interact with to display other contents, e.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.

SNORDIAN's H5P Resize Pulse

Provides you with a potential workaround for H5P content that won't show in tabs, accordions, lightboxes, etc.

NDLA

The “H5P Caretaker” plugin for WordPress allows you to use NDLA’s library of the same name to check H5P content files for improvement options, e.g. accessibility issues, conflicting licenses across subcontents or images that take too much storage space for their respective purpose.
<h3>Configure</h3>
Set the capability use-h5p-caretaker as required. Only users/roles with this capability will be able to use the H5P Caretaker unless it is configured to be public. Please note that while WordPress has a fully fledged role management features, you still require separate plugins to assing capabilities to user roles (e. g. <a href="https://wordpress.org/plugins/user-role-editor/" rel="ugc">User Role Editor</a>)
Go to the settings Settings > H5P Caretaker and
<ul>
<li>choose the URL where the tool should be made available,</li>
<li>choose whether the tool should be usable publicly or only by users with the respective 
capability (not public by default),</li>
<li>add introductory text that should be displayed on the page on top of the upload button, and</li>
<li>add footer text that should be displayed at the bottom of the page.</li>
</ul>
<h3>Use</h3>
The plugin will set up the URL /h5p-caretaker or the URL that you configured in the settings. Go there, upload an H5P file and check the report for potential improvements of the content. 
The plugin will also add an “H5P Caretaker” menu item to the tools menu. You will also find an “H5P Caretaker” button above the H5P content view inside the editor. Click on that to open the H5P Caretaker page and the respective file will be checked directly.
<h3>Privacy</h3>
Please note that the uploaded H5P file will be removed immediately after analyzing it. It will not be stored permanently or used for anything else. 
Please also note that the plugin will fetch the <a href="https://studio.libretexts.org/help/h5p-accessibility-guide" rel="nofollow ugc">H5P accessibility reports</a> and displaythose inside the report if appropriate. No personal information is shared in that process.

NDLA's H5P Caretaker

Allows to check H5P files for improvements

SNORDIAN's H5P Resize Pulse vs NDLA's H5P Caretaker