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.

IndiEgg Studios

Remix Manager for H5P empowers your users to manage their own H5P content directly from the front end of your WordPress site. No admin access required at any point.
Users can:
<ul>
<li>View their personal H5P content library</li>
<li>Remix (duplicate) any of their existing H5P content with one click, including complex content types like Arithmetic Quiz and Course Presentation</li>
<li>Edit H5P items from their library</li>
<li>Delete items they no longer want, including full cleanup of all associated files and data</li>
<li>Perform bulk actions for remixing or deleting</li>
<li>Search by title and filter by content type</li>
<li>Sort by any column and paginate through large libraries</li>
</ul>
Administrators can:
<ul>
<li>Control which user roles have access to the front-end H5P library, including custom roles like Teacher or Instructor</li>
<li>Set granular permissions for remixing and deleting per role</li>
<li>Limit how many H5P items each role may store in their personal library</li>
<li>Configure where the View and Edit links send users, the WordPress admin, a front-end editor page, or any custom URL with dynamic tokens</li>
</ul>
Bringing the H5P Editor to the Front End
Remix Manager for H5P does not include a front-end H5P editor, but it is designed to work seamlessly with <a href="https://indiegg.com/frontend-h5p-editor" rel="nofollow ugc">Frontend H5P Editor</a>, a free companion plugin from IndiEgg Studios. When both plugins are active and configured, the View and Edit links in the library table automatically point to your front-end pages; keeping users entirely on the front end throughout their H5P workflow.
Alternatively, administrators can use the Custom URL option in Library Link Behavior settings to integrate any third-party front-end editor plugin. The custom URL supports dynamic tokens (%h5p_id% and %h5p_title%) so you can build any URL structure your chosen plugin requires.
For full documentation visit <a href="https://indiegg.com/remix-manager-for-h5p/documentation" rel="nofollow ugc">indiegg.com/remix-manager-for-h5p/documentation</a>.
Disclaimer:
Remix Manager for H5P is an independent plugin and is not affiliated with, endorsed by, or sponsored by H5P or its developer, Joubel. H5P is a trademark of its respective owner.
<h3>Usage</h3>
<ol>
<li>
Configure Role Permissions
Go to WordPress Dashboard > Settings > Remix Manager for H5P.
For each user role you can:
</li>
</ol>
<ul>
<li>Enable access to the front-end library</li>
<li>Allow or restrict remixing and deleting</li>
<li>Set the maximum number of H5P items users of that role can store in their library (set to 0 for unlimited)</li>
</ul>
<ol>
<li>
Configure Library Link Behavior (optional)
Still in Settings > Remix Manager for H5P, scroll to the Library Link Behavior section. For both the View and Edit links, choose one of three options:
</li>
</ol>
<ul>
<li>Admin backend (default) – links go to the standard WordPress admin H5P pages</li>
<li>Frontend H5P Editor pages – links go to pages configured in the <a href="https://indiegg.com/frontend-h5p-editor" rel="nofollow ugc">Frontend H5P Editor</a> companion plugin</li>
<li>Custom URL – enter your own URL template using <code>%h5p_id%</code> and/or <code>%h5p_title%</code> as dynamic tokens to integrate any third-party front-end editor plugin</li>
</ul>
<ol>
<li>
Create the Library Page
Add the following shortcode to any WordPress page:
[rmh5p_user_library]
This displays each user’s personal H5P library where they can:
</li>
</ol>
<ul>
<li>View, edit, remix, and delete their H5P items</li>
<li>Remix (duplicate) any H5P item with one click</li>
<li>Search and filter their library contents</li>
<li>Use bulk actions for remixing or deleting</li>
</ul>

Remix Manager for H5P

A front-end library manager for H5P that lets users view, remix, edit, and delete their own H5P content. No admin access required.

SNORDIAN's H5P Resize Pulse vs Remix Manager for H5P