Easily Pause/Play video based on page visibility state

visibility-change.js

const video = document.querySelector('video');

document.addEventListner('visibilitychange', () => {
  if(document.hidden){
    video.pause();
  }else{
    video.play();
  }
});