HTML5 Automatic Video Play on Slider with Mouse RollOver/Hover

My first cry for help!

I have purchased a professional theme that has a slider (from elegantthemes).
The slider will display and allow videos to be played.

The problem I have is that if a user starts the video playing, the slider will eventually continue on to the next slide. The video that is playing is now obscured from view and the audio from the video can still be heard.

Quite a mess. Elegantthemes support can’t help and say it is outside the scope of that theme. They suggest I use a widget or a plugin to do the job.

I saw a PERFECT example of exactly what I want here:
https://www.xe.com/currencyconverter/
(Look at the video ad on the right side)

You see how the video plays automatically with NO audio, but encourages you to rollover with your mouse. When you do, the audio can be heard and the video enlarges. This is superb and exactly what I need.

Does anyone know of any widgets or plugins, (or themes I can buy) that will do this? I don’t mind paying for this feature. Never seen it anywhere before and for me and my business, it would be ideal.

Thank you for any help offered.

[ No bumping please. ]