Pause all Wistia videos when tab isn't visible, resume when visible again

pause-on-not-visible.js

var pausedDueToVisibility = [];

function pauseAllActiveWistiaVideos() {
  window._wq = window._wq || [];
  window._wq.push({
    id: "_all",
    function (video) {
      if (video.state() === "playing") {
        pausedDueToVisibility.push(video);
        video.pause();
      }
    }
  });
}

function resumePausedWistiaVideos() {
  pausedDueToVisibility.forEach(function(video) {
    video.play();
  });
  pausedDueToVisibility = [];
}

function handleVisibilityChange() {
  if (document.hidden) {
    pauseAllActiveWistiaVideos();
  } else {
    resumePausedWistiaVideos();
  }
}

document.addEventListener('visibilitychange', handleVisibilityChange, false);