Bugs in content types

I am adding videos to image hotspots in an interactive book - https://stchas.h5p.com/content/1292114305122122238#h5pbookid=12921143051...

On some videos there is a fog at the bottom

The videos are not all the same, in terms of video window for viewing.

This is happening in H5P (Desktop) while I am working on the interactive book. Not after I upload it to Canvas

I use H5P interactive videos in an online course hosted on edge.edX.  I have encountered a bug in this summer's course run where pages with embedded H5P videos on Chrome render any text below the video (and only below) with a strange flickering that makes the text nearly unreadable.  We've used the same content on edX for many years with no issues. We also have none-H5P embedded video content that does not cause any issues.

I'm trying to embed a QuestionSet in an interactive video. While it is getting loaded alright as a button, if I close the dialog, and reopen it then all the jQuery events stop working inside the dialog. Although the close button still works.

I suspect that once the instance is detached on close, it's not getting attached again on reopening the dialog.

Could someone please guide me as to which methods should I be looking at?