script.js

const uploadInput = document.querySelector("#videoUpload");
const demoVideo = document.querySelector("#demoVideo");
const uploadStatus = document.querySelector("#uploadStatus");
const hero = document.querySelector(".hero");

let activeVideoUrl = "";

uploadInput?.addEventListener("change", () => {
  const file = uploadInput.files?.[0];
  if (!file) return;

  if (activeVideoUrl) {
    URL.revokeObjectURL(activeVideoUrl);
  }

  activeVideoUrl = URL.createObjectURL(file);
  demoVideo.src = activeVideoUrl;
  demoVideo.hidden = false;
  hero.classList.add("has-demo-video");
  uploadStatus.textContent = `${file.name} is loaded for the live demo.`;

  const play = demoVideo.play();
  if (play && typeof play.catch === "function") {
    play.catch(() => {
      uploadStatus.textContent = `${file.name} is loaded. Tap the video to play.`;
    });
  }
});