Made in Webflow

[Cloneable] Responsive Popup Youtube Video Stop When Closed

site profile thumbnail


Example of a popup modal that includes a responsive iframe Youtube video. The video is initially set to autoplay and volume is set to mute (better UX). When the modal is closed, the video will stop playing, so the sound doesn't continue to play in the background. Refresh the page to show the popup modal again. If you'd like to have the sound play when modal is opened, remove "&mute=1" from the Youtube embed src path. This cloneable project was created based on the work posted by @Tony_Jones ( and cloneable popup modal project provided by @herzo ( Hope this cloneable project will help with your project as well.
Feeling inspired?If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.

We miss comments too!

Right now, Made in Webflow doesn't offer all of the same functionality that Showcase did, like the ability to leave comments. But don't worry: We're working to bring comments back as soon as possible!

As always, we'd love to hear your feedback! Click the link below to take a short survey about Made in Webflow.

youtubepopupmodalvideostopvideoclosepopupclosevideocloneableresponsiveresponsive iframeyoutube-videovideo-popup

More by Sumiyo

See profile
View details
Rinzai Zen Monastery