Pause video elements found inside content switcher on x_toggle_switch:change

footer-scripts.html

<script>

document.addEventListener("DOMContentLoaded", () => {

  const toggleSwitch = '#brxe-otvwcr';     /* id of toggle switch element */
  const contentSwitcher = '#brxe-nbbexx';  /* id of content switcher element */

  /* listen for switch change */
  document.querySelector(toggleSwitch).addEventListener('x_toggle_switch:change', () => {

      /* find currently active switcher */
      let currentSwitcher = parseInt( document.querySelector(contentSwitcher + ' .x-content-switcher_content').getAttribute('data-x-switcher')[0] ) - 1;

       /* for each video element */
       document.querySelectorAll(contentSwitcher + ' video').forEach((video, index) => {

           /* reset the video time */
          if (currentSwitcher !== index) {
              video.currentTime = 0;
          }

      })

  })

})
</script>