HTMLsrc和source的区别source标签可以写多个source并指定类型，兼容不同浏览器的解码支持。但是src只能写一个source标签。type属性的属性值为video/ogg,video/mp4,video/webm获取音频元素getElementById()方法返回对具有指定ID的第一个对象的引用。如果不存在具有指定ID的元素，则返回null；如果存在多个具有指定ID的元素，则返回第一个。constleftVideo=document.getElementById('leftVideo');constrightVideo=document.getElementById('rightVideo');监听canplay事件提示视频已准备好开始播放：接口HTMLMediaElement的captureStream()属性]返回一个MediaStream对象，该对象正在流式传输媒体元素中呈现的内容的实时捕获。由于Chrome和Firefox的兼容性问题，Firefox浏览器获取媒体流的方式与Chrome不同，不能通过videoElement.captureStream()获取，而是通过videoElement.mozCaptureStream()获取。HTMLMediaElement接口的srcObject属性设置或返回一个对象，该对象提供与HTMLMediaElement关联的媒体源。该对象通常是MediaStream，但根据规范可以是MediaSource、Blob或File。leftVideo.addEventListener('canplay',()=>{letstream;constfps=0;if(leftVideo.captureStream){stream=leftVideo.captureStream(fps);}elseif(leftVideo.mozCaptureStream){stream=leftVideo.mozCaptureStream(fps);}else{console.error('不支持流捕获');stream=null;}rightVideo.srcObject=stream;});CSScalc()函数用于动态计算长度值。需要注意的是运算符前后需要保留一个空格，例如：width:calc(100%-10px);可以使用calc()函数计算任何长度值；calc()函数支持“+”、“-”、“*”、“/”操作；calc()函数使用标准的数学运算优先级规则；视频{margin:010px00;width:calc(30%-7px);}效果演示
