How can I stop HTML5 videos from playing in a Webflow modal when it is closed?

If your HTML5 video continues playing after closing a Webflow modal, you need to pause or reset the video when the modal is hidden. Webflow does not handle this automatically, so you'll need custom JavaScript.

1. Add an ID to Your Video

• Select your HTML5 video element in Webflow.
• In the Element Settings panel, add a unique ID (e.g., modal-video).

2. Add a Close Button to the Modal

• Ensure your modal has a close button with a unique class (e.g., .close-modal).

3. Add Custom JavaScript

• Open Page Settings and scroll to the Footer Code section.
• Add the following script inside the Before tag section:
  ```html```
• Click Save and Publish your site.

Summary

This script detects when the close button is clicked and pauses/reset the video. Ensure your video ID and close button class match what you used in Webflow.