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.

WPExperts.io

myCRED

<p>📢🚨 <strong>Important Notice: myCred H5P is now part of the <a href="https://wordpress.org/plugins/mycred-toolkit/" rel="ugc">myCred Toolkit</a> and will no longer receive updates here. Only security fixes will be provided.</strong></p>
<p>myCred-H5P lets you award points to your users on H5P interactive activities. Encourage and increase user engagement by adding gamification element to your H5P multimedia content. Also, recognized individual achievements by awarding badges on completion of H5P content.</p>
<h4>myCred H5P Features</h4>
<p>Here are the most notable features of myCred H5P plugin.</p>
<ul>
<li>Award points on completion of any interactive content.</li>
<li>Award points on completion of specific content.</li>
<li>Hooks available.</li>
<li>Award achievements on completion of any multimedia content.</li>
<li>Award achievements on completion of specific multimedia content.</li>
<li>Points reward on achieving the required percentage of any interactive content.</li>
<li>Points reward on achieving the required percentage of specific interactive content.</li>
<li>Logs generation for reward points on H5P interactive content.</li>
</ul>
<h4>Plugin Requirements</h4>
<ul>
<li><a href="https://wordpress.org/plugins/mycred/" rel="ugc">myCred 1.8+</a></li>
<li><a href="https://wordpress.org/plugins/h5p/" rel="ugc">H5P</a></li>
<li>WordPress 5.0+</li>
<li>PHP 5.3+</li>
</ul>
<h4>More myCred Freebies Integrations</h4>
<ul>
<li><a href="https://mycred.me/store/mycred-credly" rel="nofollow ugc">myCred Credly</a></li>
<li><a href="https://www.mycred.me/store/mycred-learndash/" rel="nofollow ugc">myCred – Learndash</a></li>
<li><a href="https://www.mycred.me/store/mycred-lifterlms-integration" rel="nofollow ugc">LifterLMS Plugin Integration with myCred </a></li>
<li><a href="https://www.mycred.me/store/mycred-bp-group-leaderboards" rel="nofollow ugc">myCred BP Group Leaderboards</a></li>
<li><a href="https://www.mycred.me/store/mycred-for-event-espresso-4" rel="nofollow ugc">myCred for Event Espresso 4.6+</a></li>
<li><a href="https://mycred.me/store/mycred-for-wp-pro-quiz/" rel="nofollow ugc">myCred for Wp-Pro-Quiz</a></li>
<li><a href="https://www.mycred.me/store/mycred-for-rating-form" rel="nofollow ugc">myCred for Rating Form</a></li>
<li><a href="https://www.mycred.me/store/mycred-birthdays" rel="nofollow ugc">myCred Birthdays</a></li>
<li><a href="https://www.mycred.me/store/mycred-for-wp-postviews" rel="nofollow ugc">myCred for WP-PostViews</a></li>
<li><a href="https://mycred.me/store/mycred-for-totalpoll" rel="nofollow ugc">myCred for TotalPoll</a></li>
<li><a href="https://www.mycred.me/store/mycred-gutenberg" rel="nofollow ugc">myCred Gutenberg</a></li>
<li><a href="https://www.mycred.me/store/mycred-for-events-manager-pro" rel="nofollow ugc">myCred for Events Manager Pro</a></li>
<li><a href="https://www.mycred.me/store/mycred-for-buddypress-compliments" rel="nofollow ugc">myCred for BuddyPress Compliments</a></li>
<li><a href="https://www.mycred.me/store/mycred-retro" rel="nofollow ugc">myCred Retro</a></li>
<li><a href="https://www.mycred.me/store/mycred-for-courseware" rel="nofollow ugc">myCred for Courseware</a></li>
<li><a href="https://www.mycred.me/store/mycred-for-gd-star-rating" rel="nofollow ugc">myCred for GD Star Rating</a></li>
<li><a href="https://mycred.me/store/mycred-for-buddypress-links" rel="nofollow ugc">myCred for BuddyPress Links</a></li>
<li><a href="https://mycred.me/store/mycred-for-bp-album-bp-gallery" rel="nofollow ugc">myCred for BP Album and BP Gallery</a></li>
<li><a href="https://mycred.me/store/mycred-elementor/" rel="nofollow ugc">myCred Elementor</a></li>
</ul>
<h4>DOCUMENTATION AND SUPPORT</h4>
<p>For more information visit our <strong><a href="https://mycred.me/store/mycred-h5p/" rel="nofollow ugc">Documentation Page</a></strong>.</p>


myCred H5P

📢🚨 Important Notice: myCred H5P is now part of the myCred Toolkit and will no longer receive updates here. Only security fixes will be provided.

SNORDIAN's H5P Resize Pulse vs myCred H5P