This component is Part of the Essential Components plugin. Browse and insert 30+ components directly in Framer. Start for free
Capture attention instantly with a fully customizable video popup that automatically appears on your Framer site. Boost engagement by showing YouTube, Vimeo, or direct video files at the perfect moment with smart triggers and frequency controls.
VideoPopup automatically displays a video modal when a visitor lands on your page. Unlike standard lightboxes, it fires on its own, triggered by a time delay, scroll position, or exit intent, so you never miss a chance to engage.
It works with any video source: just paste a YouTube, Vimeo, or direct .mp4 URL, and the component handles the rest. YouTube and Vimeo are embedded via iframe to prevent playback errors, while direct videos use a clean built-in player with play/pause, seek, mute, and time display.
Once added to your page, VideoPopup leaves zero footprint in your layout and appears only as a sleek floating overlay, delivering your message right when visitors are most likely to act.
Add the component to any page in your Framer project from the Assets panel. If you need the pop-up to appear on all pages, add it to the template page (the page containing Nav and Footer)
Paste your video URL into the Video URL field in the property panel. It supports YouTube, Vimeo, or a direct .mp4 link.
Choose your trigger :Options include time delay, scroll position, or exit intent.
Set how often it should show, for example, every visit, once only, once a day, or once a week.
Preview your page. The pop-up will fire automatically based on your settings.
Tip: Use the “Clear Popup History” toggle in the property panel to reset the popup while testing, so it fires again on the next preview.
All settings are controlled directly from the Framer property panel
You can customise the following aspects:
Trigger : Controls what triggers the pop-up, for example, time delay, scroll position, or exit intent.
Frequency : Determines how often the pop-up appears to the same visitor.
Display : Adjusts the popup’s position, size, backdrop blur, and outside-click behavior.
Playback : Controls autoplay, looping, and whether the video starts muted.
Device Control : Enables or disables the pop-up per Framer breakpoint.
Testing : Lets you clear stored pop-up history so the pop-up can fire again during testing.
Product Launch — play a product demo or announcement video the moment a visitor arrives
Welcome Message — greet new visitors with a founder video or brand intro
Promotions — show a limited-time offer video triggered after a few seconds on the page
Exit Intent Offers — catch leaving visitors with a compelling video before they go
Event Announcements — auto-play a trailer or highlight reel to drive registrations
Onboarding — show a quick walkthrough video when users first visit a dashboard or app page
YouTube and Vimeo links are automatically detected and converted to embeds — no manual configuration needed
Direct .mp4 files must be hosted on a server that allows cross-origin access (e.g. Cloudinary, Bunny.net, AWS S3, or your own server). Google Drive and Dropbox direct links will not work due to browser security restrictions
Works in Framer Preview and on published sites. Does not fire inside the Framer canvas editor
FRAME ESSENTIALS
