Page Visibilit API

Page Visibility API позволяет, определить момент когда страница не активна (свернута или открыта другая вкладка). Это позволяет например приостановить воспроизведение видео или анимации ли наоборот выполнить какой нибудь сценарий в фоновом режиме.

Свойства:
(boolean) document.visible— документ активен
(boolean) document.hidden  — документ скрыт
(boolean) document.preview  — документ доступен для просмотра
(boolean) prerendered  — документ предварительно отрисован (см, Prerendering )
События:
visibilitychange — изменение любого из visibility свойств документа

document.addEventListener('visibilitychange',function(e){
    if (document.hidden) {
          stopVideo();
       } else {
          startVideo();
       }
  });