otacke

<p>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.</p>
<p>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.</p>
<p>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.</p>
<p>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.</p>
<p>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.</p>
<p>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.</p>
<p>If necessary, you can use the <em>manage_h5presizepulse_options</em> capability to control access to the plugin settings.</p>
<p>PLEASE NOTE: H5P IS A REGISTERED TRADEMARK OF H5P GROUP. THIS PLUGIN WAS NEITHER CREATED BY H5P GROUP NOR IS IT ENDORSED BY THEM.</p>


SNORDIAN's H5P Resize Pulse

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

<p>The “SNORDIAN’s H5P Content Type Repository Manager” plugin for WordPress allows to set an alternative H5P Content Type Hub Server to get H5P contents from. It also offers additional functionality related to the server that is used.</p>
<h3>Install</h3>
<h3>Upload ZIP file</h3>
<ol>
<li>Go to https://github.com/otacke/snordians-h5p-content-type-repository-manager/releases.</li>
<li>Pick the latest release (or the one that you want to use) and download the <code>snordians-h5p-content-type-repository-manager.zip</code> file.</li>
<li>Log in to your WordPress site as an admin and go to <em>Plugins > Add New Plugin</em>.</li>
<li>Click on the <em>Upload Plugin</em> button.</li>
<li>Upload the ZIP file with the plugin code.</li>
<li>Activate the plugin.</li>
</ol>
<h3>Configure</h3>
<p>The settings of this plugin are available by going to <code>Settings -> H5P Content Type Repository Manager</code>.</p>
<h3>URL</h3>
<p>By default, H5P’s core library will use the base URL <code>hub-api.h5p.org/v1</code> which points towards H5P Group’s official H5P Content Type Hub. If you want to get content types from a different H5P Content Type Hub, you can change the <code>URL</code> option to the base URL of the alternative hub.<br />
Note: You may want to set up your alternative hub yourself. There’s the node.js based server software called <a href="https://github.com/otacke/catharsis" rel="nofollow ugc">Catharsis</a> for this purpose.</p>
<h3>Schedule automated updates</h3>
<p>By default, H5P requires an admin to update content types to newer versions manually by either using the Hub client or by uploading content type files with newer libraries. If you want to automate this process, you can change the <code>Schedule automated updates</code> option:</p>
<ul>
<li>Never: No automated content type update</li>
<li>Daily: Update the content types once a day</li>
<li>Weekly: Update the content types once a week</li>
</ul>
<p>Please note that only content types that were already installed will be updated. Content types that have not been installed yet will not be installed.<br />
Please note that only the libraries will be updated. An admin will still need to upgrade existing contents to use the newer libraries.</p>
<h3>Sponsor note</h3>
<p>The plugin was developed by <a href="https://www.sustainum.de/" rel="nofollow ugc">Sustainum</a> within the <a href="https://xr-energy.eu/" rel="nofollow ugc">XR Energy project</a>. Development work was carried out by <a href="https://snordian.de" rel="nofollow ugc">SNODRIAN</a> as a contractor.</p>
<p>“Funded by the European Union. Views and opinions expressed are however those of the author(s) only and do not necessarily reflect those of the European Union or the European Education and Culture Executive Agency (EACEA). Neither the European Union nor EACEA can be held responsible for them.”</p>


SNORDIAN's H5P Content Type Repository Manager

Allows to use alternative H5P Content Type Hub Servers.

SNORDIAN's H5P Resize Pulse vs SNORDIAN's H5P Content Type Repository Manager