// YouTube Video Manager for DIYFixVault // Official video ID and configuration const OFFICIAL_VIDEO_ID = '-sPzm6aKRno'; const STORAGE_KEY = 'dfv_intro_played'; let players = []; let apiReady = false; // Check if first time visitor function isFirstTimeVisitor() { return !localStorage.getItem(STORAGE_KEY); } // Mark intro as played function markIntroAsPlayed() { localStorage.setItem(STORAGE_KEY, 'true'); } // Handle player state changes for single video enforcement function handlePlayerStateChange(event) { if (event.data === 1) { // Playing state // Mark intro as played when any video starts markIntroAsPlayed(); // Pause all other players players.forEach(player => { if (player !== event.target && player.pauseVideo) { try { if (player.getPlayerState() === 1) { player.pauseVideo(); } } catch (error) { console.warn('Error pausing player:', error); } } }); } } // Create intro hero player function createHeroPlayer() { const heroHTML = `

Welcome to DIY Fix Vault!

Watch our introduction video to get started with your DIY repair journey

`; const videosContainer = document.querySelector('.container'); const titleSection = document.querySelector('.text-center.mb-12'); if (videosContainer && titleSection) { titleSection.insertAdjacentHTML('afterend', heroHTML); if (window.YT && window.YT.Player) { const player = new window.YT.Player('intro-video-player', { videoId: OFFICIAL_VIDEO_ID, playerVars: { autoplay: 1, controls: 1, modestbranding: 1, rel: 0, playsinline: 1, mute: 1 }, events: { onReady: function(event) { players.push(event.target); // Setup unmute button const unmuteButton = document.getElementById('unmute-button'); const unmuteHint = document.getElementById('unmute-hint'); if (unmuteButton && unmuteHint) { unmuteButton.addEventListener('click', () => { event.target.unMute(); unmuteHint.style.opacity = '0'; setTimeout(() => { if (unmuteHint.parentNode) { unmuteHint.parentNode.removeChild(unmuteHint); } }, 300); }); // Hide hint after 5 seconds setTimeout(() => { if (unmuteHint) { unmuteHint.style.opacity = '0'; } }, 5000); } }, onStateChange: handlePlayerStateChange, onError: function() { markIntroAsPlayed(); } } }); } } } // Initialize when API is ready function onYouTubeIframeAPIReady() { apiReady = true; if (isFirstTimeVisitor()) { createHeroPlayer(); } } // Set global callback window.onYouTubeIframeAPIReady = onYouTubeIframeAPIReady; // Initialize if API is already loaded if (window.YT && window.YT.Player) { onYouTubeIframeAPIReady(); } // Expose functions for VideoCard usage window.createVideoPlayer = function(containerId, videoId) { if (!window.YT || !window.YT.Player) return; const player = new window.YT.Player(containerId, { videoId: videoId, playerVars: { autoplay: 1, controls: 1, modestbranding: 1, rel: 0, playsinline: 1 }, events: { onReady: function(event) { players.push(event.target); }, onStateChange: handlePlayerStateChange } }); return player; };

Video Tutorials

Latest DIY Videos

How to Fix Holes in Drywall

Can't Find the Video You Need?