Fully Automated B2B Document Exchange.

jQuery(document).ready(function($) { // When the image is clicked $('#videopopup').on('click', function() { // Add class to body to disable scrolling $('body').addClass('no-scroll'); // Fade in the video container and overlay $('#popup-overlay').fadeIn(300); // Adjust duration as needed $('#videopopupcontainer').fadeIn(300); // Start playing the video let video = $('#videopopupcontainer video')[0]; if (video) { video.play(); } else { // If using an iframe (YouTube/Vimeo), add autoplay parameter let iframe = $('#videopopupcontainer iframe'); let src = iframe.attr('src'); if (!src.includes('autoplay=1')) { iframe.attr('src', src + (src.includes('?') ? '&' : '?') + 'autoplay=1'); } } }); // Close the popup when the overlay is clicked $('#popup-overlay').on('click', function() { // Remove class from body to re-enable scrolling $('body').removeClass('no-scroll'); // Fade out the video container and overlay $('#videopopupcontainer').fadeOut(300); $('#popup-overlay').fadeOut(300); // Stop video playback let video = $('#videopopupcontainer video')[0]; if (video) { video.pause(); video.currentTime = 0; // Reset video to start } else { // Stop iframe video autoplay let iframe = $('#videopopupcontainer iframe'); iframe.attr('src', iframe.attr('src').replace('&autoplay=1', '')); } }); });