HP5 content doesn't show up (Wordpress)

sanpipe's picture


I just started a wordpress-blog and installed the H5P-Plugin. I activated it, created content (Mark the words and Drag text) and added [h5p id="1"] and [h5p id="2"] on the respective page. But when I load the page, non of the applets show up althought they appear in the source code: 

<div class="h5p-iframe-wrapper"><iframe id="h5p-iframe-1" class="h5p-iframe" data-content-id="1" style="height:1px" src="about:blank" frameBorder="0" scrolling="no"></iframe></div>


<div class="h5p-iframe-wrapper"><iframe id="h5p-iframe-2" class="h5p-iframe" data-content-id="2" style="height:1px" src="about:blank" frameBorder="0" scrolling="no"></iframe></div>


Please check my page: http://schule.mirkoruf.de/spanisch/ 

What happened? What can I do?

Content types: 
icc's picture

Checking the browser console (Ctrl+Shift+J in Chrome) I can tell that your web server is refusing my browser to load the files needed to see the interaction: http://schule.mirkoruf.de/wp-content/uploads/h5p/cachedassets/b7b1d894b54c74d5b74d6e0fe881898145854deb.js

You should check the file actually exist on the file system, and check the file permissions to ensure that the user running the web server has access to that file.

You should also check your uploads folder for any .htaccess file that may refuse .js files to load. Some "security" plugins actually generate this file and only allow you to server images from the uploads folder.

Hello @sanpipe we're having the same issue. May I know how you managed to solve this?