Tutorial

Here's how to set up this plugin in your Carrd site:
– Download the template
– Copy the code from the Embed element titled "Gallery video lightbox"
– Add an Embed element in your Carrd site, set it to Inline - remember to uncheck "Defer script tags"
– Paste the code into this new Embed element in your Carrd site
– Create a new Section called #video01
– Upload or embed a Video element into that Section
– Then open an image within the Gallery element, scroll down to the On Click setting (requires Pro Plus).
– Add this code to the On Click field - edit the URL with the full URL of your #video01 Section:openModalWithIframe("https://galleryvideolightbox.carrd.co/#video01");– Repeat the same process of creating a new Section for each video, and adding the code to the respective On Click setting.
– Publish and done!————————————————Edit modal pop-up size– To edit the size of the modal pop-up, look for this code:// Modal (white box) - position:relative so loader is positioned inside it
const modal = document.createElement("div");
modal.className = "modal-wrapper";
modal.style.cssText = `
position: relative;
width: 80%;
max-width: 800px;
height: 70vh;
...– Edit the width, max-width, or height to your liking.