Невозможно добавить медиапоток к элементу видео

Question

Я пытаюсь передать поток мультимедиа со страницы 1 на страницу 2. Я получаю поток мультимедиа с тем же идентификатором на странице 2, что и поток мультимедиа, созданный на странице 1. Но я не могу добавить этот поток мультимедиак тегу видео, присутствующему в HTML-коде страницы 2.

Я попытался создать srcObject для элемента video, а также попытался добавить поток мультимедиа в виде URL.

const remoteVideo = document.querySelector('#remoteVideo');
function gotRemoteStream(event) {
  console.log('got remote stream');
  try {
    remoteVideo.srcObject = event.streams[0];
    console.log('added remote stream');
  } catch (error) {
      console.log(error);
  }

  console.log(remoteVideo.srcObject);
}

Последнийconsole.log возвращает -

MediaStream {id: "P7pInpAX7ee32KJOsPRNxZWEcdjjAg5Sq7pk", active: true, onaddtrack: null, onremovetrack: null, onactive: null, …}

Но этот медиапоток не добавляется в тег элемента видео в

<video id="remoteVideo" src="" playsinline autoplay></video>