find any <video> or iframes inside tabs and reset when tabs swiched

footer-scripts.html

<script>

document.addEventListener("DOMContentLoaded", function () {
  
  document.querySelectorAll(".brxe-xtabs").forEach(function (tabs) {
    
    function stopVideos() {
      
      // Pause any <video> elements
      tabs.querySelectorAll("video").forEach(function (vid) {
        if (!vid.paused) {
          vid.pause();
        }
      });

      // Reset src on iframes
      tabs.querySelectorAll("iframe").forEach(function (iframe) {
        const src = iframe.getAttribute("src");
        if (src && ( src.includes("youtube.com") || src.includes("vimeo.com") )) {
          iframe.setAttribute("src", src);
        }
      });
    }

    
    tabs.addEventListener("x_tabs:switch", stopVideos);
    tabs.addEventListener("x_tabs_accordion:collapse", stopVideos);
    tabs.addEventListener("x_tabs_accordion:expand", stopVideos);
  });
});

  
</script>