5e:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/00zhqb0zqgnk3.js","/creators-assets/_next/static/immutable/chunks/415hvdruki4ud.js","/creators-assets/_next/static/immutable/chunks/3_vedwwik9kwx.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1ktf0sm5sxqup.js","/creators-assets/_next/static/immutable/chunks/1dzfckym0nghc.js","/creators-assets/_next/static/immutable/chunks/1vr_3-vdcf0mn.js","/creators-assets/_next/static/immutable/chunks/1cuuzi60s_xh3.js","/creators-assets/_next/static/immutable/chunks/1e4nq30y40mt7.js","/creators-assets/_next/static/immutable/chunks/0ccg8j7qcn1bd.js","/creators-assets/_next/static/immutable/chunks/1gop2naj8q_bx.js","/creators-assets/_next/static/immutable/chunks/0a1gpscfztyde.js","/creators-assets/_next/static/immutable/chunks/2k_aekaeyljm2.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/3-aog2q7la1hs.js","/creators-assets/_next/static/immutable/chunks/41lhc7ix2xugk.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/0mxxs4-__ynew.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/43klns5g0wl80.js","/creators-assets/_next/static/immutable/chunks/1o0ogv90oxalc.js","/creators-assets/_next/static/immutable/chunks/10ydirfi9qu21.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3q5d1avmchlp0.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/149w-u4or12up.js","/creators-assets/_next/static/immutable/chunks/1kws7r6etoq5-.js","/creators-assets/_next/static/immutable/chunks/13mks9ztnefhj.js","/creators-assets/_next/static/immutable/chunks/17pioewhhzr_j.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/2p4sqhvmasp9s.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/3lqyfto2688hr.js","/creators-assets/_next/static/immutable/chunks/3fr1ev83fgwky.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/0g9mmnya96tz6.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/2ee50z0bknh40.js","/creators-assets/_next/static/immutable/chunks/0rfcd366io6r9.js","/creators-assets/_next/static/immutable/chunks/3um5ae_udgvki.js","/creators-assets/_next/static/immutable/chunks/2jl0sg8984bmg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/2zlizmh1083ez.js"],"PostDetailCard"] 5f:T1954,

Details

Bring your stories to life with Interactive Video – a stunning, fully customizable component that transforms standard video into an engaging, choice-driven experience that captures leads, drives conversions, and closes deals. Perfect for interactive storytelling, product demos, educational content, customer journeys, lead generation funnels, or any project where viewer engagement and conversion matter most.

With branching video paths, dynamic choice buttons, and seamless transitions, Interactive Video creates immersive experiences that put your audience in control while guiding them toward your goals. Customize every detail — from button styles and animations to timing and visual effects — and let viewers choose their own adventure while you drive action through interactive video. Whether you're creating an interactive brand story, a product selector, a sales pitch, a training module, or a lead-qualifying experience, Interactive Video makes every view uniquely engaging and conversion-focused.

Turn passive viewers into active participants. Use Interactive Video to qualify leads through their choices, showcase different product options based on customer needs, or guide prospects through personalized sales journeys. The unique interactivity creates memorable experiences that set your brand apart, increase time-on-site, and drive higher conversion rates than traditional video.

Features

Branching Video Paths – Create video sequences with custom choice points that let viewers direct their own journey while you guide them toward conversion.
Lead Generation Ready – Choice buttons can link to external URLs, making it perfect for capturing leads, directing to contact forms, or triggering CTAs at key decision points.
Circular Preview Mode – Eye-catching floating circle preview with auto-playing video that expands into full interactive experience on click, grabbing attention instantly.
Completely customizable buttons – Match your brand perfectly - Choose from solid, outline, or glass effects with full color control for buttons and fonts. Preset with smooth animations and customizable styling for maximum click-through rates.
Dynamic Hover Effects – Adjustable scale and speed animations create responsive, premium interactions that encourage engagement.
Smart Video Controls – Hover-activated replay button, play/pause control, and elegant time display with progress tracking for seamless user experience.
Custom Typography – Full control over fonts for button text, and "What's Next" messaging with size, weight, and style options for perfect brand alignment.
Flexible Choice Types – Buttons can trigger new videos or open external links, perfect for calls-to-action, lead forms, booking pages, and conversions.
Automatic Looping – Optional return to start when story paths end, creating seamless continuous experiences that keep viewers engaged.
Positioning Control – Place the circular preview in any corner with customizable size and border radius to fit any layout.
Polished Animations – Framer Motion-powered transitions deliver smooth, professional interactions throughout the experience.
Toggle visibility of “Next” message - Create a “Next” message that shows above the choices you’ve set and toggle the visibility of it.
Link externally hosted videos - Video source options include direct uploads and/or linking external videos hosted elsewhere that end with a video file extension. (Supported formats include .mp4, .webm, .mov or .avi)
Empty State Support – Helpful placeholder guides users through setup when no videos are loaded.

Controls

Videos – Upload multiple videos with unique IDs and define choice branches with custom button text and target videos or links.
Appearance – Adjust circle size, position, border radius, button colors, text colors, exit/control icon colors with full customization.
Typography – Customize fonts for button text, and "What's Next" messaging with complete styling controls including size, weight, and line height.
Button Customization – Set button style (solid/outline/glass), height, border radius, spacing, hover scale effect, and animation speed.
Timing Controls – Configure delay before showing choices, auto-hide timing, and transition speeds for perfect pacing.
Display Options – Toggle visibility of "What's Next" message, and customize all messaging text.
Interaction Options – Control loop behavior, choice appearance timing, and button interaction effects.

Perfect For

Marketing Teams – Generate qualified leads through interactive funnels and personalized video experiences
Businesses & Brands – Drive conversions with interactive product demos, brand storytelling, and customer journey mapping
Sales Teams – Create custom video pitches that adapt to prospect choices and guide them toward booking calls
Agencies – Deliver premium interactive experiences for clients that set you apart from competitors
Freelancers – Showcase your portfolio, explain services interactively, and close clients with personalized pitch videos
E-commerce – Showcase products in an interactive format to drive purchase decisions
Educators & Trainers – Create engaging interactive tutorials and training content
Content Creators – Build choose-your-own-adventure stories and entertainment experiences
Real Estate & Services – Guide prospects through options and capture leads at decision points

5b:[["$","$L5e",null,{"post":{"id":"019a5f1f-df72-70cd-a947-06900cf734fb","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","slug":"netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","followed":false,"followsYou":false},"media":[],"resources":[{"id":"qNyelbsXRaT4dV7tzDNq","resolved":true,"title":"Interactive Video","body":"$5f","bodyJson":null,"introduction":"Turn videos into interactive experiences","slug":"interactive-video","author":{"framerUserId":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","slug":"netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/qNyelbsXRaT4dV7tzDNq/interactive-video-XkUPYlVJIjOk4ylgb8P8V4ktKzr0VJ","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-26T00:29:26.983Z","updatedAt":"2026-03-18T04:53:07.091Z","publishedAt":"2025-11-07T16:21:55.698Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://interactivevideo.framer.website/","price":"25","paymentUrl":"https://buy.polar.sh/polar_cl_4EvNMi67W1U0WOcElpfUKyewa4id14UUWI1i93MUBF7?utm_source=framer&utm_medium=marketplace&utm_campaign=interactivevideo","workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"DYsRBELx3CMR5Hk9M74s","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-07T16:21:55.698Z","updatedAt":"2025-11-07T16:21:55.698Z","reported":false}}],"$L60"]

Suggested for you