H5P-Moodle mobile support

akoharek's picture

Dear all,

we would love to use H5P content on Moodle mobile client. Not all, as some of them has no sense to use on a 7" device, but for example: accordion, collage, Column, Dialog Cards, Drag and drop, Drag the words, hotspot and multiple hotspot, etc.



thomasmars's picture

Hi, thank you for creating this feature request, we'll make sure it gets processed and prioritized. There also already exist an issue for making H5P compatible with the Moodle mobile client at: https://h5ptechnology.atlassian.net/browse/HFP-252?jql=text%20~%20%22moodle%20mobile%22.

akoharek's picture

I do hope that this will solved soon. Is there any way to help ?


thomasmars's picture

Hi, there is no work being done towards this presently, but anyone who has some developer experience is encouraged to take this on and start a pull request for this.

tomaj's picture

Hi Jarvil,

There is no news regarding this yet, and it has not been planned into the next few upcoming releases.

- Tom


This would be a great thing to have for those who use moodle (specially with the nice things they're doing the mobile app). I do have a dev team that could dedicate some hours to get this done. I am not exactly sure where to begin and would appreciate if the H5P team could guide me on where to start.



thomasmars's picture

Hi, exciting news, I would love to see some progress for the Moodle Mobile area.
I have not done any research into how we can support Moodle Mobile yet, but I'll try to give some starting steps at least.
For starters, if you're not familiar with Moodle Mobile you should check out https://docs.moodle.org/dev/Moodle_Mobile.
I guess some of the initial things to figure out is how to integrate with Angular and Ionic.
Then storage is an important next step, we need to figure out what must be stored locally on the mobile and what can be fetched from the plugin. Hopefully the plugin should already support serving content types to the mobile, since it is only HTML, JS and CSS that is being served, but this has to be investigated further.

Please let us know how this progresses and if we can help breaking down some barriers with you.
Best regards,

Any update for the H5P plugin which is support on Moodle mobile App,Please guide on this.

thomasmars's picture

To my knowledge there is not currently being done any work to support Moodle mobile app. There is an open ticket for it in the H5P issue tracker where you can follow along if any progress is being done and where anyone can start work on it: https://h5ptechnology.atlassian.net/browse/HFP-252


Last year we touched base with the moodle mobile dev team, they strongly suggested for us to wait untill they launched the 3.5 version of the mobile app. They are migrating to a new framework so any work in the current code will be a waste of time. It seems that the upcoming version will make it significantly easier to develop add ons, and hopefully, to have true native mobile H5P.


akoharek's picture

thanks for the update! once you have a testable version please let me know to help the testing.



thomasmars's picture

Thank you for the update, I'm looking forward to seeing the changes they've introduced :)

dgcruzing's picture

There seems to be a workaround that is working for some (but as posted not for me as yet).

Mr Feng, has got a way working for his setup and I am just playing with it now to see if I can get it working on mine. 


Also of note and understanding that there is a change in code coming for M3.5 on the Mobile app. 

Just to throw this out there, I am using an embedded pdf hosted viewer. This app allows me to post the pdf into a lesson via the embedding command and then will stream to the desktop version and mobile version of Moodle. 

What this means for me is that (and I need to run a few tests), is that in theory, the way they are coding their iframe could be used for H5P iframes for Moodle mobile (but then again, I could be wrong on this assumption). 

This is the app.. there is a free version that can be played with.. 


As said, their code works within the moodle app perfectly.. and is touch responsive.. (but I haven't looked at any tracking)

Also, I note what Dan J has said in the posted thread about hosting out to a wordpress site and embedding back to the Moodle site, which is what is happening with the Flowpaper situation as I am cloud hosting the pdf's and streaming to the Moodle site..  so now that I have read this, chances are that this is working with H5P already.. 

Edits: Have tested this out using a bitnami\AWS\WP setup and working great. 

I have documented the workaround to get it going.. 


BV52's picture

Thank you for the information dgcruzing.


Thank you for update !!

Hi everyone,

As a short note, moodle mobile 3.5 has been released along with the documentation on how to make plugins work on mobile, yayyy. Our team will start reviewing it, and it will be nice to hear from others about their own attempts to make H5P work on moodle mobile.

Here´s the link to the documentation: https://docs.moodle.org/dev/Mobile_support_for_plugins#Using_the_JavaScr...


Sandro Franco

dgcruzing's picture

Just bumping this thread for Sandro as they have made some fantastic progress on this. 

Watch it unfold on youtube.. 


On the Moodle forums thread, he has the links to his code commits on GitHub. 

Can't wait for this to become main stream.. 

Hats off to Sandro and their team for publishing this.. 

Hey thank you for sharing our posts. Here's the github link in case anyone's curious:

Normal 0 false false false EN-US X-NONE X-NONE /* Style Definitions */ table.MsoNormalTable {mso-style-name:"Table Normal"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-priority:99; mso-style-parent:""; mso-padding-alt:0in 5.4pt 0in 5.4pt; mso-para-margin:0in; mso-para-margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:11.0pt; font-family:"Calibri",sans-serif; mso-ascii-font-family:Calibri; mso-ascii-theme-font:minor-latin; mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin; mso-bidi-font-family:"Times New Roman"; mso-bidi-theme-font:minor-bidi;}


We are still working around user authentication so any help is trully appreciated.

As an FYI, once we have completed the mobile support we are planning on working on offline functionality.



dgcruzing's picture


I am staying mainstream with this as much as I can. In that as per the following code, you will see that via having a WordPress site and then streaming to the Moodle site, I am able to get a workable situation going. Not perfect but usable at this stage. 

This is the codes that I am using..

note, I am sure someone with more knowledge in codes might be able to clean this up but as per the Moodle mobile forums, the ability for an iframe to look good within the MM app is painful, to say the least. This example is with in a lesson and fits in with the use of PPT iframes that are being streamed out of Gdrive - it would be nice to turn these into H5P activities but while on desktop they look good, they are not transposing into the MM app correctly at this stage. 

<div style="padding:70.00% 0 0 0;position:relative;"><iframe src="http://www.advancedcskills.com/wp-admin/admin-ajax.php?action=h5p_embed&amp;id=18" style="width:100%;height:100%;top:0;left:0;position:absolute" class="vjs-tech" frameborder="0" allowfullscreen="1"></iframe><script src="http://www.advancedcskills.com/wp-content/plugins/h5p/h5p-php-library/js/h5p-resizer.js" charset="UTF-8"></script></div>

I have had to play around with this code on the latest Android version to get this sizing right (Android) and haven't had a chance to check on an iPhone. Via a M3.5 site, this is looking good, and as there is a new Mobile version coming out around the 20th Sept, Looking forward to it allowing the ability for is to go full screen, as this is lacking at the moment. Also as per the mobile thread in Moodle, be nice to see that bottom NAV bar to slide and hide, so we get use of full-screen realestate.

I will be at the H5P conference in Melbourne this year for the 3 days and up to Brisbane for the Moodlemoot in Sept, so am looking forward to networking with other smaller payers that are in the need of this mobile situation working. 

As alluded to within the Moodle forums, I would be happy to set up a gofund page for development on this as I know of a few NGO's that are using Moodle and the ability for them to get their students to use the Moodle Mobile on cheap Android tablets and phones is a fantastic way of providing them with learning possibilities. 


We've got in touch with Juan Leyva from moodle regarding the authentication issues. They have already fix it for moodle mobile 3.5.2 and we should wait for the release. It seems they have an interest in the general H5P issue but might not be able to move as quick as some of us might want.

It sounds quite exciting opening a funding pipeline for this development. The moodle mobile roadmap of H5P seems kind of extensive as there are so many interesting things to do, but it seems that there are not enough developers working on it. We'll be happy to cooperate in that effort.



dgcruzing's picture


Will touch base on the Moodle Messenger with contact details and we can discuss a how this may be moved forward for the community at large. 


Hi everyone,

Just wanted to post you all on our progress. Mobile mobile 3.5.2 has been released and the iframe described above has been fixed. We are currently working on the fully functional H5P mobile plugin, hopefully we will be able to share the code for review pretty soon.

On a different note we would love to hear your thoughts and ideas around the offline funcionality. I know this might be more related to the moodle app but it will be really nice to have a basic idea on how to proceed with it.


thomasmars's picture

Nice, this is great news! Looking forward to see the fully functional plugin :)
Is there somewhere we can follow along the progress and give feedback on the implementation decisions ?
I guess the main challenge with offline support is handling how to store the H5P content locally and when to send the results back to the server. I guess the app should store the results locally, then send them as soon as it has contact with the server again, the implementation of this would depend on the moodle app api.

When the course presentation, is it available for the mobile moodle app?