Discover the best video-popup websites created by professional designers. Get inspired and start planning your perfect video-popup web design today!

Jonas Arleth

Once the popup is open, scrolling of the entire page is disabled using custom code (body = overflow hidden). This helps longer content in the popup overlay to scroll more comfortably without accidentally scrolling the whole page. For the video popup, additional custom jQuery code is needed to stop the video from running in the background when the close button is clicked.

Tutorial: https://youtu.be/JbNtDkrfH0U

Custom Content and Video Popup / Modal

ZealousWeb

The most lucrative feature of a website is the ability to play background video when users hover their mouse over it. Using ZealousWeb’s Background Video on Hover for Webflow creates a gallery of image thumbnails that will play video on hover.

The Background Video on Hover component supports lightbox mode, where you can view images and videos on a larger scale. Using this component, you can also play background videos on hover on mobile devices.

The Background Video on Hover component is a standard component primarily used in websites these days, showcasing your creativity and enhancing the customer experience. We have created a background video autoplay on hover. This component features a section where users can hover on a title, and it auto-plays the video in its background while displaying the title’s description.


Video Autoplay On Hover

Sliders are the most attractive feature on any website, and flip sliders are the most beautiful and usable. Add Carousel to your websites using ZealousWeb’s Flip Slider WebFlow component to enhance your website’s UI and UX.

We have created the most aesthetically pleasing, stylish, and powerful WebFlow Flip Slider component for you. ZealousWeb’s flip slider is easy to use with its dynamic architecture, enabling you to adjust the Carousel setting from the setting menu under the Flip Box. 
Once installed and Activated, click go to Flip Box, and add one or more Flip Box items. The Flip Slider WebFlow component allows you to add images, texts, links, and the option to select different colors for the flip box buttons. Additionally, you can add more than one Carousel on the same page by creating different categories.


Flip Slider

Losing traffic due to cumbersome tab-toggling on mobile devices? The ‘Responsive Tap’ component for Webflow enables you to create powerful tabs and seamlessly manage the tab menu and content.

This clonable component allows you to create tabbed content for your website with full responsiveness that is both appealing and user-friendly on all devices. The responsive tab modules appear horizontally and vertically, making the tab content more accessible and maximizing the mobile-friendliness of your Webflow website. 

We have designed this component to eliminate the hassle of clicking on the tab title and scrolling to the bottom to access the tab’s content. Our component displays the tab content under its title tab in an accordion format.

Custom Responsive Tabs

The ‘Video autoplay and dynamic time’ component for Webflow simplifies embedding videos from popular video hosting platforms like Youtube and Vimeo in a responsive design. Our user-friendly Webflow video clonable component lets you showcase your self-hosted and externally hosted videos using direct links. 

The default video setting includes autoplay on a pop-up after you click on a video link. This Webflow component displays the timeframe for the video directly in the corner of your video’s thumbnail.

The component integrates conveniently with most browsers without any compatibility issues and the need for any third-party tools. Add it to your Webflow website for an unparalleled user-friendly experience. 

Video Autoplay in Popup

Francesco Castronuovo

Hi my gorgeous friends of Webflow,

By playing a bit with jQuery and by using attributes to avoid the need for class matching, you can create a responsive CMS video player for your Webflow project.

Check for the instruction popup! 😊

Have an awesome Webflow journey y'all,
Francesco

P.S. Feel free to visit my YouTube channel:
https://www.youtube.com/@francescocastronuovo

Responsive CMS Video Player

Peter Dimitrov

The project was made to help a forum question about using the pulse button to trigger a popup with Wistia video.

Pulsing play button popup

Tom Qwen

Prevent them pesky videos from playing in the background when the containing module (or pop up) has been closed by the user.

To apply this to your site see the body code for the script and instructions, I've also provided the instructions in the loom video below.

https://www.loom.com/share/ae76cd611f604de5af8cffea8b25efa3

Stop video when pop up closed

Timer Slider is a WebFlow component that enables you to create beautiful and responsive sliders. It has stunning features that can help take your website to the next level. 

ZealousWeb’s Timer Slider component has navigation bullet points with time animation. The slides will rotate on bullet points and click events. The sliders rotate once the bullet points navigation animation is completed.

Timer-slider

Our Timer Counter component allows website owners to create customizable and functional timers just in a few minutes. This dynamic WebFlow content is the best way to develop alluring timers for your users.

This component is easy to use, where all you need to do is add the specific date and time using WebFlow’s calendar icon. Alternatively, you can add the date and time in the format MM/DD/YYYY 07:00 AM.

Once the date and time have been keyed in, the timer section displays the countdown time according to the entered data. The Timer Counter component eliminates the need to add a time zone and automatically fetches it, making the creation of countdowns and timers seamless.

You can use our component in your website to instill a sense of urgency and nudge users to finalize purchases quickly. Display the countdown time to webinars and events you host on your website using the Timer Counter component. All this and more without the need for any coding knowledge? Yes Please! 

Time Counter

Jason Roach

Display multiple video popups/modals that pause the Webflow video element when the modal is closed.

Open 'Live site' to view.

Multiple Video Modals on Single Page (Pause on Close)

A transformational leader, Kandarp Bhatt is the Founder and CEO of ZealousWeb, a full-service web marketing offering end-to-end digital solutions to businesses worldwide across industry verticals.
one of his primary objectives is to transform executives and people with entrepreneurial mindsets in his team into high-impact leaders and performers. The website is developed using a customized theme that balances the interface with a beautiful user experience. It includes a brief of his different phases of life. Kandarp Bhatt started his business voyage by offering digital marketing services with his Brother-in-law, Vishal Bhatt - CFO of Zealous Web.


Kandarp Bhatt - A transformational leader

A rush website design job, I designed and built this site in less than 12 hours for a team that serves corporate events, prison ministries, and spiritual support for men. Site includes custom branded video tools, video CDN, animation, blog migrated from existing site, chat, and chatbot functionality.

Ground Shakers by Riding High Ministries

Huddle Digital Marketing delivers a measurable return in digital marketing strategies comprehending Social Media, SEO, Paid Media, and Digital Branding. The website is developed using Webflow CMS suppressing a customized theme that balances the interface with a beautiful user experience and has also been recognized for its efforts by leaders in the digital world. Easy navigation through the site, uncomplicated interface, and option to look company’s portfolio. Users can request a quote and have a conversation with the sales team.

Huddle Digital Marketing Agency

Jetpro Healthcare offers the best products to clients across the globe enhancing health care by providing top-quality products like face masks, gloves, sanitizers, medical furniture, and many more. With the growing need of appropriate and high-quality hygiene and protective items for the healthcare industry. Creating a platform purpose-built for today’s intensify healthcare industry puts their customers a step ahead of tomorrow which includes the experts and leaders from healthcare industries. It builds strong businesses with loyal customers that solve a real market need, much as in other legacy industries. The website offers its clients a clean and controlled environment for all the contents.

Jetpro Healthcare

102976941

1038319252

gpt-4.1-nano

1070795817

1122423150

1186914386

1274323923

1316201488

1316201489

140432223

1462086697

1506258256

1567550242

1592612642

1631162196

1726628865

1733785607

173927913

1771795565

1863160016

1905118106

1975670756

2025032126

2030598753

Unlock more for your business with the Agency Workspace plan

Get direct access to benefits like unlimited staging sites and more control over roles & permissions

2032141491

2037807691

2144870841

2213518682

2216482092

2339906037

2351366352

2355632600

https://s3.amazonaws.com/webflow-dev-assets/66fd83b6cc0c8c6ed0e398e6%2Fcontent.json

2401116685

2486364096

gpt-4o

gpt-4.1

gpt-4o-mini

2546957535

2789269995

285302288

2857348505

2903381045

User Accounts will no longer be available on January 29, 2026.

Visit Webflow’s Help Center for migration guidance and more info.

3022611874

3023147062

3026881092

307653616

3106924665

3108168977

3112069432

3120801339

3151661775

3201643127

3243842104

3258716925

3266482432

3289310561

3313039722

3315729993

3387258362

3410497685

3452464914

3458155273

gpt-4.1-mini

3590523401

3591394191

3672367630

3737116140

3801251705

3844506029

3879263312

Learn best practices for collaborating with clients in Webflow.

Sell your apps on the Webflow Marketplace.

Learn about structuring seats, roles, and permissions in your Workspace

Partner with Webflow to build your business alongside 2M+ creators and developers

Request access for your team to collaborate in a client’s Workspace.

Charge your client for a Site plan directly in Webflow.

Earn more by selling templates on the Marketplace.

Start building your site with AI, a prebuilt template, or from scratch.

Add your team members to start collaborating on sites.

Watch a quick intro to what you can build in Webflow.

3913199261

3934148661

3941255684

3951600357

3956476210

3960693283

4063605209

4092855684

4103643638

4144203485

4195171643

4206156914

451433404

489463363

504462606

536101258

540515386

612788821

622649767

622649768

657188092

660615456

665836192

737109165

772001133

817414265

846847440

879597835

882147072

911514507

938734410

968427424

1003029853

1013057706

1045828939

1049811722

1087856901

1088396327

1093574045

1099435904

1108325183

1120744071

1131151533

1140906369

1147278396

1157311889

1157563538

1178238107

1178621510

1193740135

1197475705

1209008581

1216878544

1227154495

1229056119

1234765101

1236803103

1238404733

1250328847

1252912346

1259889605

1291427916

1292405251

1297066426

130043074

1306352991

1312703771

1322655470

1323044307

1325953834

1326947041

1336067073

1337084289

1350250754

1362856608

1365408040

1380896143

1406455659

1418395020

Best Video Popup Websites | Free Examples & Designs

Discover Video popup websites
built by the Webflow community

Browse, clone, and customize thousands of websites #MadeinWebflow. Looking for templates?

Discover Video popup websites built by the Webflow community

Browse, clone, and customize thousands of websites #MadeinWebflow. Looking for templates?

Discover Video popup websites
built by the Webflow community