--------------------------------------------------------- <div id="videoTitle"></div> <script> const urlParams = new URLSearchParams(window.location.search); const apiKey = urlParams.get('apikey') || 'YOUR_DEFAULT_API_KEY'; const playlistId = urlParams.get('playlistid') || 'PLdR7m7PFLzQ7RqOVfxk2Fr2F-a7iWzovn'; function fetchRandomVideo() { fetch(`https://www.googleapis.com/youtube/v3/playlistItems?part=snippet&maxResults=50&playlistId=${playlistId}&key=${apiKey}`) .then(response => response.json()) .then(data => { const randomIndex = Math.floor(Math.random() * data.items.length); const video = data.items[randomIndex].snippet; const videoId = video.resourceId.videoId; const iframe = document.createElement('iframe'); iframe.width = '100'; iframe.height = '20'; iframe.src = `https://super8.absturztau.be/embed/${videoId}?si=playlist=${playlistId}&autoplay=1`; iframe.title = 'YouTube video player'; iframe.frameBorder = '0'; iframe.allow = 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share'; iframe.allowFullscreen = true; document.body.appendChild(iframe); const videoTitle = video.title; const titleElement = document.getElementById('videoTitle'); titleElement.textContent = videoTitle; }) .catch(error => console.log('Error:', error)); } fetchRandomVideo(); </script> </body> </plaintext>