Start and pause youtube video on open and close modal window

modal-youtube-video.js

// Micromodal
import MicroModal from "micromodal";

const youtubeCommand = func =>
  window.JSON.stringify({ event: "command", func });
const execCommand = (frame, command) => {
  if (null === frame.contentWindow) {
    return;
  }

  frame.contentWindow.postMessage(
    youtubeCommand(command),
    "https://www.youtube.com"
  );
};

const modalHandler = (modal, command) => {
  const iframes = modal.querySelectorAll("iframe");

  [].forEach.call(iframes, frame => {
    execCommand(frame, command);
  });
};

MicroModal.init({
  hasAnimation: true,
  onClose: modal => {
    modalHandler(modal, "pauseVideo");
  },
  onShow: modal => {
    modalHandler(modal, "playVideo");
  }
});