<iframe width="560" height="315" src="https://www.youtube.com/embed/al3csFLj8d4?mute=1&autoplay=1&enablejsapi=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; autostop; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

document.addEventListener("visibilitychange", () => {
  if (document.hidden) {
    controlVideo("pauseVideo");
  } else {
    ("playVideo");
    controlVideo("playVideo");
  }
});

// Handle play and pause events
function controlVideo(vidFunc) {
  let iframe = document.getElementsByTagName("iframe")[0].contentWindow;
  iframe.postMessage(
    '{"event":"command","func":"' + vidFunc + '","args":""}',
    "*"
  );
}