One iframe.
Any TMDB title.

const playerOrigin = "https://stellar.rip";
const getPlayerFrame = () => document.getElementById("stellar-player");

const initializePlayerMessages = () => {
  const playerFrame = getPlayerFrame();
  playerFrame?.contentWindow?.postMessage(
    { type: "STELLAR_EMBED_INIT" },
    playerOrigin
  );
};

window.addEventListener("message", (event) => {
  if (event.origin !== playerOrigin) return;
  const playerFrame = getPlayerFrame();
  if (event.source !== playerFrame?.contentWindow) return;

  if (event.data?.type === "STELLAR_EMBED_READY") {
    initializePlayerMessages();
    return;
  }

  if (event.data?.type === "PLAYER_EVENT") {
    const { event: name, currentTime, duration } = event.data.data;
    console.log(name, currentTime, duration);
  }

  if (event.data?.type === "MEDIA_DATA") {
    console.log("Playback progress", event.data.data);
  }
});

const connectPlayerFrame = () => {
  const playerFrame = getPlayerFrame();
  playerFrame?.addEventListener("load", initializePlayerMessages);
  if (playerFrame) initializePlayerMessages();
};

if (document.readyState === "loading") {
  document.addEventListener("DOMContentLoaded", connectPlayerFrame, {
    once: true,
  });
} else {
  connectPlayerFrame();
}