Simone Demo Page
Check out how the buttons below, change states on hover.
See how the video plays on hover?
The smart way to do this effect is to use a JPEG thumbnail that loads fast, then a GIF that plays on hover. This way the site stays light and loads fast. This is exactly what https://www.steptstudios.com/ does. Just look at how only a few seconds of the video plays.
Video Project
The Animations Use Lottie
Lottie lets us use light weight animations that are fully generated by JavaScript. We can buy Lottie scripts from https://lottiefiles.com/ or https://iconscout.com/lottie-animations.