🚨 30% off all courses and bundles throughout May

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

Beginner Beginner


February 27th 2018

Playback speed

0.75× 1.25× 1.5× 1.75×


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