Webflow cloneable · Modal

Video Popup Modal Webflow cloneable

Create engaging and interactive popup modals with Custom Content and Video Popup Modal Webflow cloneable. Easily disable page scrolling and stop background videos for a seamless user experience. Enhance your website with stylish modal windows.

Video Popup Modal on a desktop screen
Video Popup Modal on a phone
Screenshots of the live preview, Nov 7, 2026 Open live preview

About cloneable

Custom Content and Video Popup Modal is a Webflow cloneable designed by Jonas Arleth that simplifies the process of adding custom popup modals to a website. This cloneable includes functionality to disable page scrolling when a popup is opened, ensuring a seamless user experience with no distractions. The custom code also stops background videos from playing once the popup is closed, maintaining a clean and organized interface. By implementing this cloneable, Webflow users can easily create engaging and interactive modal windows for both video and content, enhancing the overall user experience on their website. Whether you are looking to showcase videos or present important information in a stylish popup format, Custom Content and Video Popup Modal is a valuable tool for achieving a polished and professional look.

This code snippet adds the CSS class "overflow-hidden" to the body element when a popup is opened in order to prevent page scrolling. It also removes the class when the popup is closed. Additionally, it includes functionality to stop YouTube or Vimeo videos from playing when the popup is closed.

About custom code

This code snippet adds the CSS class "overflow-hidden" to the body element when a popup is opened in order to prevent page scrolling. It also removes the class when the popup is closed. Additionally, it includes functionality to stop YouTube or Vimeo videos from playing when the popup is closed.

Categories

Similar cloneables

All Modal cloneables →
Simple Pop Up Modal
Simple Pop Up Modal Boost engagement with a Simple Pop Up Modal Webflow cloneable. Easily customize this user-friendly feature to deliver important messages to visitors. Implementing Webflow interactions and a cookie for one-time display, this modal enhances user experience seamlessly.
Clone
Lead Generation Popups
Lead Generation Popups Enhance your website with a Lead Generation Popup Webflow Cloneable. Capture emails, increase sign-ups, and improve conversions with customizable popup templates and modals. Boost your online presence today!
Clone
Masked Video Hero Section Scroll
Masked Video Hero Section Scroll Elevate your website with Text Masked Video Scroll Webflow Cloneable. Enhance user experience with this captivating animation, revealing video background as users scroll. Perfect for hero sections, boost visual appeal effortlessly. Designed by Eli Shmerler, no custom code needed.
Clone
Magnetic Play Button Hover Video
Magnetic Play Button Hover Video Experience dynamic video engagement with this Magnetic Play Button Hover Video Webflow cloneable. Enhance user interaction and visual appeal effortlessly on your website. No custom code needed. Elevate your video content with this interactive feature.
Clone
Vimeo Background Video
Vimeo Background Video Enhance your website with a Vimeo background video Webflow cloneable. Add dynamic video backgrounds with sound control, loop options, and interactive elements for a captivating user experience. Elevate your site's aesthetics and engagement with this custom jQuery feature.
Clone
Unique Blurry Gradients Native Interactions
Unique Blurry Gradients Native Interactions Enhance your website's visual appeal with this Webflow cloneable for Safari rendering performance. Create unique blurry gradients effortlessly using custom CSS and Webflow interactions. Optimize animation visibility and achieve stunning backgrounds without imported assets.
Clone
3D Scroll Parallax Animation
3D Scroll Parallax Animation Create stunning websites with our Webflow cloneable featuring a 3D scroll animation. Learn how to use Webflow interactions and a Fluid Design System with a 3D perspective effect.
Clone
Tab Navigation Animations
Tab Navigation Animations Explore our Tab Navigation Animations Webflow cloneable for dynamic and engaging website experiences. Custom animations for tab selection and content display. Enhance user engagement and showcase professionalism with sliding tab selectors, highlighted tab underlines, and content fading effects. Easy integration for Webflow users to customize and elevate their sites. Perfect for highlighting sections or features.
Clone