Display issue with embed on Drupal 8

Hello there! 

I am currently experiencing an issue using the embed code. I'm using a Drupal 8 website and installed HTTP Response Headers to enable iframing. When I use the embed code inside of another tool called Cogbooks, the webpage looks cut off (screenshot1.png.) When I take the same embed code from my Drupal 8 site and place it in an HTML file and open it in a browser, the H5P interaction also appears fine (screenshot2.png.) However, when I create a H5P interaction on the h5p.org website and embed it in Cogbooks, the H5P interaction appears fine (screenshot2.png.) I cannot seem to rule out what might be causing this dislay error. Has anyone encountered a similar issue or have any suggestions for me to try? 

BV52's picture

Hi yang1018,

In order to give your bug report the best chance of getting answered, please include the following information:

  1. Detailed steps to reproduce the bug (exactly how and when did it happen)
  2. Platform and version number. E.g. Drupal, Wordpress, Moodle.
  3. Mobile or Desktop
  4. Browser: Chrome, Firefox, Safari etc
  5. H5P plugin version
  6. H5P content type and version (if a content type was used), and a sample URL or attached H5P.
  7. Any browser console errors
  8. Any PHP errors
  9. Screenshots if it's a visual problem

The more information you provide, the quicker the community will be able to fix it and the quicker you'll have a working solution!


Hello! It looks like this display issue was because of the Cogbooks tool. The Cogbooks developers have offered a solution. Thanks!


BV52's picture

Hi Xiong,

I'm glad you found the root cause of the issue and I hope it gets resolved as soon as possible.