Image Flashcard content

Submitted by amills on Mon, 03/23/2020 - 18:01
Forums: 
Bugs in content types
  1. Detailed steps to reproduce the bug (exactly how and when did it happen) - H5P flashcards not displaying interactive content when accessed when embedded in dynamic tools like tabs, popouts, accordions, etc. The issue appears only to replicate in Chrome when in live mode. Appears normally while editing. See attached images. 
  2. Platform and version number. E.g. Drupal, Wordpress, Moodle. CourseArc 2020 
  3. Mobile or Desktop Desktop
  4. Browser: Chrome, Firefox, Safari etc Chrome
  5. H5P plugin version Unknown
  6. H5P content type and version (if a content type was used), and a sample URL or attached H5P. Flashcards - H5P Embed Code:
    <iframe src="https://lor.mivu.org/h5p/embed/5045" width="784" height="898" frameborder="0" allowfullscreen="allowfullscreen"></iframe><script src="https://lor.mivu.org/sites/all/modules/h5p/library/js/h5p-resizer.js" charset="UTF-8"></script>
  7. Any browser console errors None
  8. Any PHP errors None
  9. Screenshots if it's a visual problem Attached.
  10. Any recent changes to the environment (new plugins/modules, updates, configuration changes etc.) NA
  11. Any recent changes to the browser you're using (new extensions, updates etc.) NA
Attachments: 
Image icon H5P Interactive not displaying.png
Image icon H5P Interactive displaying Microsoft Edge.png
Image icon H5P Interactive displaying in edit mode.png
Content types: 
Flashcards
BV52's picture

BV52

Mon, 03/23/2020 - 19:41

Hi amills,

Can you please double check if you have any browser console errors (ctrl+shift+J) a screenshot of the console would be a great help.

-BV 

amills

Mon, 03/23/2020 - 19:45

There appears to be some. Image attached. Any advice on how to proceed from here would be great!

Attachments: 
Image icon Console Errors.png

amills

Mon, 03/23/2020 - 19:51

There does appear to be an error. Do you know how to proceed?

Attachments: 
Image icon Console Errors.png
otacke's picture

otacke

Mon, 03/23/2020 - 21:09

Hi amills!

This is not a bug, but a matter of displaying/resizing H5P content in dynamic environments. Please consult the dicumentation at https://h5p.org/manipulating-h5p-with-javascript for details.

Best,

Oliver