async function loadVideos() {
  try {
    const response = await fetch("/static-proxy?url=https%3A%2F%2Fdatasets-server.huggingface.co%2Frows%3Fdataset%3Dmaringetxway%2Fwinners%26config%3Ddefault%26split%3Dtrain%26offset%3D0%26limit%3D100");
    const data = await response.json();

    const container = document.getElementById("videoContainer");

    data.rows.forEach(row => {
      const videoUrl = row.row.video;  // Assumes each row has a `video` field
      if (videoUrl) {
        const video = document.createElement("video");
        video.src = videoUrl;
        video.controls = true;
        video.autoplay = false;
        video.muted = true;
        video.loop = false;
        video.playsInline = true;
        video.className = "w-full mb-4 rounded-lg shadow-md"; // Optional styling
        container.appendChild(video);
      }
    });
  } catch (error) {
    console.error("Error loading videos:", error);
  }
}

loadVideos();