Raxxer
New Member
HOw Do I seperate the rightside video to other page "Page2"
<div id="container">
<video id="leftVideo" playsinline autoplay >
<source src="../../../video/chrome.webm" type="video/webm"/>
<source src="video/u.mp4" type="video/mp4"/>
</video>
<video id="rightVideo" playsinline autoplay autoplay="autoplay"></video>
</div>
<script src="jsjs" async></script>
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;
<div id="container">
<video id="leftVideo" playsinline autoplay >
<source src="../../../video/chrome.webm" type="video/webm"/>
<source src="video/u.mp4" type="video/mp4"/>
</video>
<video id="rightVideo" playsinline autoplay autoplay="autoplay"></video>
</div>
<script src="jsjs" async></script>
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;