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

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

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

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

1070795817

1274323923

1316201488

1316201489

1462086697

1567550242

1592612642

1631162196

1726628865

173927913

1771795565

1863160016

1905118106

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

3106924665

3112069432

3120801339

3151661775

3201643127

3202722884

3243842104

3258716925

3266482432

3289310561

3313039722

3315729993

3387258362

3410497685

3590523401

3591394191

3672367630

3737116140

3801251705

3844506029

3913199261

3934148661

3941255684

3956476210

4092855684

4103643638

4144203485

4206156914

451433404

489463363

504462606

536101258

622649767

622649768

657188092

660615456

665836192

737109165

772001133

817414265

846847440

882147072

911514507

938734410

1003029853

1045828939

1049811722

1087856901

1099435904

1108325183

1120744071

1131151533

1157563538

1178238107

1178621510

1197475705

1209008581

1216878544

1227154495

1229056119

1234765101

1236803103

1250328847

1259889605

1292405251

1297066426

130043074

1306352991

1312703771

1322655470

1336067073

1337084289

1350250754

1362856608

1365408040

1380896143

1406455659

1418395020

1433303746

143629253

1440816657

1449062533

1453956912

1455163268

1455742168

1458975701

146940023

147086462

1471203893

1475952185

1483622682

1490715908

1499868407

1501922903

1521326523

1530015515

1534768148

1545754914

1568482678

1662541974

1665126082

1675015083

1680201874

1680403233

1680586027

1701648875

1710623805

1733571395

1734645173

1752293186

1753134293

175490803

1762715110

1764382991

1803820771

1813965765

1823392055

1826978162

1831431323

183596474

1839668475

1856326096

1857805694

1861549476

187681422

1894524989

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