Creating a new interaction for interactive videos


I need to be able to detect keyboard/mouse interactions during an interactive video, and send people to a timestamp based on the results. (Think left/right click, control + click, things like that). It doesn't feel like extending the existing interactions would make the most sense, but maybe fill in the blanks could be used.

I would like to create a brand new interaction that is just for detecting these, but I can't figure out how to get a new icon to appear in the dragnbar area. I have added my plugin to the interactive video library.json under preloadedDependencies and added CSS for a button to the css file.

It seems like the developer tutorials are only for adding separate interaction types, not extensions of interactive video. I've tried following something simple like H5P.Text to try to get anything to show up, but I jsut can't.

Does anyone have an pointers?


Content types: 

Wow, ignore me. I think the main thing that got it done was adding it to semantics.json for H5P.InteractiveVideo. Now it's showing.

Funny how a few minutes after posting this I figured it out after spending hours on it yesterday. Hopefully this helps someone else.

BV52's picture

Hi keliix06,

I'm glad you found what you were looking for and thank you for getting back to us.