Resizing H5P embedded in an iframe/unit

Home Forums Legacy Support Support queries How-to & Troubleshooting Resizing H5P embedded in an iframe/unit

Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #143350
    cookscourse
    Spectator
    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?
    #143452
    Mark Morgan
    Spectator
    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
    #143494
    cookscourse
    Spectator
    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.
    #143544
    Anshuman Sahu
    Keymaster
    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  
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Resizing H5P embedded in an iframe/unit’ is closed to new replies.