🚨 Honk honk! Two new courses! Creative Coding and Math for Creatives

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

1.25× 1.5× 1.75×


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