Connecting the global electronics supply chain

<script>
document.addEventListener("DOMContentLoaded", function () {
  const iframe = document.getElementById("hero-video");
  if (!iframe) return;

  // CHANGE THESE if your class names differ:
  const playBtn = document.querySelector(".video-hover-button");      // play trigger
  const closeBtns = document.querySelectorAll(".close-video-product, .flyout-overlay"); // close + overlay

  function openVideo() {
    const src = iframe.getAttribute("data-src");
    if (src) iframe.setAttribute("src", src);
  }

  function closeVideo() {
    iframe.setAttribute("src", "");
  }

  if (playBtn) playBtn.addEventListener("click", openVideo);
  closeBtns.forEach(btn => btn.addEventListener("click", closeVideo));
});
</script>