Playing and pausing a video on hover

On webpages like the Animade portfolio, they're using an effect where, instead of using an animated GIF, they're using a video that plays when your mouse goes over it, and pauses when your mouse moves away. This play and pause effect is pretty simple to add into any site.

View demo:



February 27th 2018

Playback speed

0.75× 1.25× 1.5× 1.75×


−60s −30s −10s +10s +30s +60s