🚨 Honk! We're extending our 30% off offer on all courses + bundles until July 15th

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: video-hover-1.superhi.com



February 27th 2018

Playback speed

0.75× 1.25× 1.5× 1.75×


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