; let currentVideoIndex = 0; let player; // To hold the YouTube Player object const cookieName = 'floatingAdShown'; const cookieExpireDays = 1; const appearDelay = 5000; // Show ad 5 seconds after page load const $floatAd = $('#floatads'); function hideFloatingAd() { if (!$floatAd.hasClass('visible')) return; $floatAd.removeClass('visible'); // Important: Destroy the YouTube player to stop it from running in the background if (player) { player.destroy(); } setTimeout(() => { $floatAd.remove(); }, 500); // Wait for fade-out transition } function playNextVideo() { currentVideoIndex++; // Loop back to the start if we've played all videos if (currentVideoIndex >= youtubeVideoIds.length) { currentVideoIndex = 0; } // Load the next video without creating a new player player.loadVideoById(youtubeVideoIds[currentVideoIndex]); } function onPlayerStateChange(event) { // Check if the video has ended if (event.data == YT.PlayerState.ENDED) { playNextVideo(); } } // This function is required by the YouTube API and runs when it's ready window.onYouTubeIframeAPIReady = function() { player = new YT.Player('youtube-player-target', { height: '100%', width: '100%', videoId: youtubeVideoIds[currentVideoIndex], playerVars: { 'autoplay': 1, // Autoplay the first video 'mute': 1, // Mute by default 'controls': 0, // Hide player controls 'loop': 0, // Looping is handled by our script 'playlist': youtubeVideoIds[currentVideoIndex] // Required for autoplay on some browsers }, events: { 'onReady': (event) => event.target.playVideo(), 'onStateChange': onPlayerStateChange } }); }; function checkCookie() { return document.cookie.split(';').some(c => c.trim().startsWith(cookieName + '=')); } // --- Main Execution --- if ($floatAd.length && !checkCookie()) { setTimeout(function() { // Add the close button const $closeBtn = $('×'); $floatAd.find('.glassy-card-float').prepend($closeBtn); $closeBtn.on('click', hideFloatingAd); // Show the ad $floatAd.css('display', 'block').delay(20).queue(function(next) { $(this).addClass('visible'); next(); }); // Load the YouTube API script const tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; const firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); // Set the cookie const d = new Date(); d.setTime(d.getTime() + (cookieExpireDays * 24 * 60 * 60 * 1000)); document.cookie = `${cookieName}=true;expires=${d.toUTCString()};path=/`; }, appearDelay); } } // Run the main function initializeFloatingAd(); });