无法将媒体流添加到视频元素

Question

我试图将媒体流从第1页传递到第2页。我在第2页获得的ID与在第1页上生成的媒体流具有相同ID的媒体流。但是我无法添加此媒体流到第2页HTML代码中显示的视频标签。

我尝试为video元素创建srcObject，还尝试将媒体流添加为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元素标签中

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