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.

Paul Ryan

Generates summaries of H5P content and results in a Pressbooks book.
View or contribute to the plugin source on Github: <a href="https://github.com/uhm-coe/dashboard-for-pressbooks-h5p" rel="nofollow ugc">https://github.com/uhm-coe/dashboard-for-pressbooks-h5p</a>
Dashboard for Pressbooks and H5P requires the following WordPress plugins installed:
<ul>
<li><a href="https://docs.pressbooks.org/installation/" rel="nofollow ugc">Pressbooks</a></li>
<li><a href="https://wordpress.org/plugins/h5p/" rel="ugc">H5P</a></li>
</ul>
Dashboard for Pressbooks and H5P provides the following features:
<ul>
<li>Dashboard Widget: a new dashboard widget for instructors showing student progress. Progress can be shown by user and by chapter, and filtered by user role and a range of dates of user registration or last login. Note: last logins are tracked once this plugin is enabled, so there will be no last login times saved from before plugin activation.</li>
<li>Chapter Badges in Table of Contents: a new badge appears next to chapters with embedded H5P content in the Table of Contents. For anonymous users, the badge shows the total number of H5P embeds in the Chapter. For logged in users, the badge shows the number of incomplete H5P embeds, or a checkmark if they are all complete. Hovering over the badge reveals a tooltip with details on each H5P embed.</li>
<li>Chapter Badges in Dashboard > Organize: a new column, H5P Content, appears in the Pressbooks Organize dashboard showing which chapters have embedded H5P content.</li>
<li>Hide H5P Content For Anonymous Users: a new option (shown below) to prevent anonymous users from seeing H5P Content. Use this to encourage users to log in so their results can be stored.</li>
</ul>
This project was funded by the Hubert V. Everly Endowed Scholar fund and the College of Education at the University of Hawaiʻi at Mānoa.

Dashboard for Pressbooks and H5P

Generates summaries of H5P content and results in a Pressbooks book.

SNORDIAN's H5P Resize Pulse vs Dashboard for Pressbooks and H5P