"; var regAdDiv = "\n"; if (articleCat.includes("Video") || articleCat.includes("No Video Ad")) { document.getElementById('article-top-ad-reserved').innerHTML = regAdDiv; googletag.cmd.push(function() { googletag.display('div-gpt-ad-14052319-MOBILENEWSTOP'); }); } else { document.getElementById('article-top-ad-reserved').innerHTML = videoAdDiv; const endpoint = '/listapi/latest-videos'; fetch(endpoint) .then(response => response.json()) .then(data => { const videoList = data; const videoContainer = document.getElementById('jwTarget'); let currentVideoIndex = 0; let listPlayerYT; function createPlayer() { const videoId = videoList[currentVideoIndex]; listPlayerYT = new YT.Player('jwTarget', { videoId: videoId, events: { 'onReady': onPlayerReady, 'onStateChange': onPlayerStateChange }, playerVars: { 'autoplay': 0, // Ensure autoplay is set to 0 'modestbranding': 1, 'rel': 0 } }); } // Use a variable to hold the player reference let articleBottomPlayer; function onPlayerReady(event) { event.target.mute(); // Mute the player on ready articleBottomPlayer = event.target; // Get the iframe element after it's been added by YouTube const iframe = document.getElementById('jwTarget'); // Use Intersection Observer to check visibility const observer = new IntersectionObserver(entries => { entries.forEach(entry => { if (entry.isIntersecting && entry.target === iframe) { articleBottomPlayer.playVideo(); observer.unobserve(iframe); } }); }, { threshold: 0.5 // Adjust threshold as needed }); observer.observe(iframe); } function onPlayerStateChange(event) { if (event.data === YT.PlayerState.ENDED) { currentVideoIndex++; if (currentVideoIndex < videoList.length) { listPlayerYT.loadVideoById(videoList[currentVideoIndex]); } } } // Ensure the YouTube IFrame API is loaded before creating the player if (typeof YT !== 'undefined' && YT && YT.Player) { createPlayer(); } else { window.onYouTubeIframeAPIReady = createPlayer; } }) .catch(error => { console.error('Error fetching data:', error); }); }