Resizing H5P embedded in an iframe/unit

[cookscourse]

Hello, I have created content in H5P and have followed the instructions below to embed it into a unit: https://wplms.io/support/knowledge-base/embedding-h5p-files-in-units/ First question is ca I include H5P with the short code and have it show up in the course WITHOUT the iframe.  Is this a limitation to just units or is there a better way? Assuming the iframe is the only option to use H5P how do i get dynamic resizing.? By showing/hiding course controls the iframe H5P is stretch or compacted.  On a mobil device the aspect ratio is off and doesn't look right. How can I get the responsiveness of H5P and get it to work in WPLMS?

[Mark Morgan]

Hi, You can include H5P content in courses and pages also but you don't have option to auto complete course and yes you can include H5P with the shortcodes. Follow this tip : https://www.youtube.com/watch?v=nvyjxz8eTvE

[cookscourse]

Thanks Mark.  The WPLMS  and unit id was missing from the short code. Adding from Front-end editor: If it is in the list the correct short code is added and it works fine. Ex:     [wplms_h5p id="33" unit_id="1234"] However, I don't see a complete list of H5P content in the front-end editor.   Some of my content was uploaded but that doesn't account for the missing items in the pop-up menu. Adding content from admin: I can see all available H5P when adding from the admin unit editor.  However only the basic short code gets added. Ex:     [h5p id="33"] I'm able to manually create the correct short code and get it to work. Still having issues with the content's aspect ratio when I hide/show the Course menu.  Not clear if that is a limitation of WPLMS, H5P, or how I'm adding things.

[Anshuman Sahu]

Well in front end h5p does not show the add h5p content button in editor  . We added the button to add our h5p shortcode in front end course editor . so the add h5p button which shows in backend is coming from core h5p plugin and add h5p button which shows in front end is coming from our wplms h5p addon plugin .   Now wplms add h5p button has an issue that it does not shows more than 10 contents as of now . To fix this please share your ftp credentials .   About the resize issue : well [wplms_h5p] shortcode internally runs h5p shortcode and h5p does not have a provision to adjust the resizing of the content based on screen size. In the name of responsive design it has these two developer related articles which are actually javascript based resizing of elements which is I would say bad way for responsiveness . responsiveness should be achieved by css only https://h5p.org/documentation/for-developers/responsive-design https://h5p.org/blog/responsive-h5p-content  

[Author]

Posts