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 Local User Data for H5P” plugin for WordPress amends the H5P plugin for WordPress. The latter saves the previous state of H5P content in the server’s database for users who are logged in. This plugin will, when activated, also store the previous state in the user’s browser and retrieve it from there. This enables to resume H5P content without having to be logged in.</p>
<h3>Install</h3>
<h3>Install via WordPress plugin repository</h3>
<p>Install just like any other plugin.</p>
<h3>Upload ZIP file</h3>
<ol>
<li>Go to https://github.com/otacke/snordians-local-user-data-for-h5p/releases.</li>
<li>Pick the latest release (or the one that you want to use) and download the <code>snordians-local-user-data-for-h5p.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 “SNORDIAN’s Local User Data for H5P” plugin for WordPress does not need to be configured. In order to become active, you will go to the H5P plugin settings:<br />
1. Find “Save Content State”<br />
2. Check the option “Allow logged-in users to resume tasks”. This is required for being able to restore the previous state of H5P content in general.<br />
3. Set “Auto-save frequency (in seconds)” to the time interval that should be used. The “SNORDIAN’s Local User Data for H5P” plugin will use the same value. It’s not advisable to set this too low, because even though the “SNORDIAN’s H5P Local User Data” plugin uses the browser’s local storage, H5P will store states inside the database and creating too many calls frequently may mean much load for your server.</p>
<h3>Limitations</h3>
<ul>
<li>The state will not be stored continuously, but be bound to H5P’s core triggering respective events, see <a href="https://snordian.de/2023/03/04/how-does-resuming-an-exercise-work-in-h5p" rel="nofollow ugc">How does resuming an exercise work in H5P?</a> for details.</li>
<li>It is not possible to only store the previous state in the browser’s local storage but not in the database without changes to the H5P core (or overloading it, which this plugin does not do). So, if users are logged into WordPress and do H5P exercises, the exercises’s state will be stored inside the database.</li>
<li>Browsers limit the amount of local storage available per domain to 5MB or 10MB. This means that if users access a lot of H5P content, if H5P content stores a lot of data, or if other parts of your site use the local storage, space may run out and data may be lost.</li>
<li>Similar to H5P itself, the plugin cannot store the state of content embedded with embed codes rather than WordPress shortcodes.</li>
</ul>
<h3>Privacy</h3>
<p>Beware that (in theory) the H5P user state could contain personal information of the user if the respective exercise demands to enter personal information. The “SNORDIAN’s Local User Data for H5P” plugin does not allow you to get hold of that information – in other words: you are not processing it. However, since the H5P plugin will send the very same information to your server, dealing with privacy implications of the H5P plugin may or may not be relevant for you depending on your local privacy laws.</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">SNORDIAN</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 Local User Data for H5P

Allows to additionally store the H5P content type state in LocalStorage.

SNORDIAN's H5P Resize Pulse vs SNORDIAN's Local User Data for H5P