A lightweight video component that plays one video at a time to prevent overlapping audio and automatically pauses when out of view, keeping pages fast and distraction-free.
Make it with Workshop
Build your own component with AI
A lightweight custom video player for Framer that keeps pages fast and distraction-free. Perfect for multi-video layouts — it prevents audio overlaps by ensuring only one video plays at a time, and only when it’s visible in the viewport.
Plays only one video at a time (auto-pauses others)
Auto-pauses when out of viewport
Auto-plays when in view (configurable)
Supports hover-to-play and click-to-play
Clean, distraction-free buttons
Lightweight and optimized for video-heavy pages
Supports self-hosted videos (.mp4, .webm, .mov); YouTube/Vimeo embeds not supported