A cinematic multi-video hero player with smooth transitions, thumbnail navigation, and a progress bar. Play up to 6 videos sequentially or loop infinitely. Built for creative agencies, product designers, and storytellers who need a hero section that moves like film.
Up to 6 videos via file upload or external URL
Smooth fade and slide transitions between videos
Clickable thumbnail navigation to jump between videos instantly
Progress bar showing playback duration or time remaining
Autoplay mode or manual switching control
Play and pause controls toggle
Optional overlay title or caption text
Fully customizable layout — padding, radius, spacing, height
Thumbnail width and height controls
Progress bar and thumbnail color controls
Responsive — mobile, tablet and desktop
MP4 and WebM format support
Videos — up to 6 files via upload or URL · MP4 and WebM
Controls — autoplay toggle · play/pause toggle · progress bar toggle
Overlay — optional title or caption text
Styling — container radius, video height, padding, spacing
Colors — progress bar color, bar background, thumbnail color
Thumbnails — thumbnail width and height
Hero sections · Product showcase pages · AI visual storytelling · Portfolio sites · Agency landing pages · Brand presentations · Cinematic intros · Creative campaigns
SEO Keywords
framer video player · framer multi video · framer hero video · framer video carousel · framer video component · framer cinematic hero · framer video slider · framer video gallery · framer autoplay video · framer video section · framer product video · framer video hero section · framer landing page video · framer code component · framer video showcase
Experience
Effortless motion meets creative control. Itturns your hero section into a visual narrative — one that flows between moments like film scenes.Every transition, hover, and frame feels intentional and cinematic, giving your website that “wow” moment from the very first second
Hamim Reza
