const API_KEY = "AIzaSyCamY90BXAJOeIEoeG_azb37TYOO7d6N7E"; const PLAYLIST_ID = "PLixNtDsLQuA5QDoFFs1rvP2aupS00uAcP"; const MAX_RESULTS = 12; const url = `https://www.googleapis.com/youtube/v3/playlistItems?part=snippet&playlistId=${PLAYLIST_ID}&maxResults=${MAX_RESULTS}&key=${API_KEY}`; fetch(url) .then(response => response.json()) .then(data => { const gallery = document.getElementById("video-gallery"); data.items.forEach(item => { const videoId = item.snippet.resourceId.videoId; const iframe = document.createElement("iframe"); iframe.src = `https://www.youtube.com/embed/${videoId}`; iframe.setAttribute("frameborder", "0"); iframe.setAttribute( "allow", "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" ); iframe.allowFullscreen = true; gallery.appendChild(iframe); }); }) .catch(err => console.error("YouTube API error:", err)); #video-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 15px; } #video-gallery iframe { width: 100%; height: 200px; }