Playing the rightside video

1

I want to play the right side video capture on different page

<div id="container">
    <video id="leftVideo" playsinline controls loop muted>
        <source src="../../../video/chrome.webm" type="video/webm"/>
        <source src="video/u.mp4" type="video/mp4"/>
    </video>
<video id="rightVideo" playsinline autoplay></video>
</div>

JS

'use strict';

const leftVideo = document.getElementById('leftVideo');
const rightVideo = document.getElementById('rightVideo');

leftVideo.addEventListener('canplay', () => {
  let stream;
  const fps = 0;
  if (leftVideo.captureStream) {
    stream = leftVideo.captureStream(fps);
  } else if (leftVideo.mozCaptureStream) {
    stream = leftVideo.mozCaptureStream(fps);
  } else {
    console.error('Stream capture is not supported');
    stream = null;
  }
  rightVideo.srcObject = stream;
});