// YouTube RSS feed URL (replace with your channel's RSS feed) const rssUrl = "https://www.youtube.com/feeds/videos.xml?channel_id=UCsmv_x_1263xEa2x3tpcBXA"; // Using a CORS proxy to fetch the RSS feed const corsProxy = "https://api.allorigins.win/raw?url="; // Function to fetch and display the latest YouTube video function fetchLatestVideo() { fetch(corsProxy + encodeURIComponent(rssUrl)) .then((response) => { if (!response.ok) { throw new Error(`Network response was not ok: ${response.status}`); } return response.text(); // Fetch the XML response }) .then((data) => { // Parse the XML response const parser = new DOMParser(); const xml = parser.parseFromString(data, "text/xml"); // Get the first video entry and its link const entry = xml.querySelector("entry"); if (!entry) { throw new Error("No video entries found in the RSS feed."); } const videoLink = entry.querySelector("link").getAttribute("href"); // Extract the video ID from the video URL const videoId = videoLink.split("v=")[1]?.split("&")[0]; if (!videoId) { throw new Error("Could not extract video ID from the link."); } // Create the iframe HTML to embed the video const iframeHtml = ` `; // Insert the iframe HTML into the page document.getElementById("latest-video").innerHTML = iframeHtml; }) .catch((error) => { console.error("Error fetching YouTube RSS feed:", error); document.getElementById("latest-video").innerHTML = "Error loading the video."; }); } // Call the function to fetch and display the latest video fetchLatestVideo();