Image Hotspots

Hi!

I was wondering how I can control the size of the video used in image hotspots?
In the 1st example there are two videos.  https://h5p.org/image-hotspots
How can I make videos appear like the "how to grow and harvest Strawberry plants"-video?

Thanks,
Marthe

This activity is intended to capture the dynamic nature of the development of diseases in plants. The background image is a diagram showing the disease cycle of target spot of tobacco. The hotspots indicate key stages in the disease development cycle, and are augmented by photos and videos which help to tell the full story of the development of this plant disease. The multilayered format of the Image Hotspots content type make it ideal for explaining dynamic processes such as disease development. I have attached some screenshots and the H5P file to this post.

Because of the small size of the hotspot image in the editor it is hard to position the cross icons precisely. It would be very useful to be able to adjust their position more exactly.

Possible enhancements:

• adding an ID to each hotspot div - this would make it possible to adjust the position by overriding css
• Hotspot position section in the editor: show in full page width instead of thumbnail
• Add a +/- horizontal and +/- vertical fields to adjust the position.