Problem with H5P when embedding Drag the Words

otacke's picture

Hi everybody!

 

I am trying to embed H5P content from apps.zum.de into a WordPress post on my website. The H5P content doesn’t show, but I see a grey area with a sad face. Hope you can help me:

Detailed steps to reproduce the bug (exactly how and when did it happen)

  • Go to https://apps.zum.de/apps/weil-obwohl-trotzdem-deshalb-wegen-trotz
  • Click on “Einbetten” in the H5P action bar
  • Copy iframe code
  • Go to a WordPress site and create a new post
  • Go to HTML enter mode
  • Paste iframe code
  • Preview content

Platform and version number. E.g. Drupal, Wordpress, Moodle.

  • apps.zum.de: unknown
  • WordPress: 5.5.3

Mobile or Desktop

both

Browser: Chrome, Firefox, Safari etc

every browser

H5P plugin version

latest

H5P content type and version (if a content type was used), and a sample URL or attached H5P.

Drag the Words

Any browser console errors

Refused to frame 'https://apps.zum.de/' because an ancestor violates the following Content Security Policy directive: "frame-ancestors 'self' https://*.zum.de".

Any PHP errors

I don't know what that is.

Screenshots if it's a visual problem

---
Any recent changes to the environment (new plugins/modules, updates, configuration changes etc.)

no

Any recent changes to the browser you're using (new extensions, updates etc.)

no

Thanks!

Oliver

 

p. s.: @BV: This is just for demonstration purposes how a bug report might look like. The solution is (as you will see from the dev console message), that apps.zum.de doesn’t allow embedding of content on servers outside the zum.de domain. No need to reply :-)