video标签的src和srcObject属性的区别

在HTML的<video>标签中，src和srcObject是两个不同的属性。

1. src属性：用于指定视频资源的URL。可以通过设置该属性来指定一个视频文件的路径或者网络地址，例如

   <video src="video.mp4"></video>

   通过设置src属性，浏览器会自动加载并播放指定路径下的视频文件。
2. srcObject属性：用于指定视频流对象。通常用于使用WebRTC或媒体捕获设备（如摄像头）来获取实时视频流，并将其显示在网页上。例如：

   navigator.mediaDevices.getUserMedia({ video: true })
    .then(stream => {
      const videoElement = document.querySelector('video');
      videoElement.srcObject = stream;
    });

   上述代码通过调用getUserMedia方法获取摄像头的实时视频流，并将其赋值给srcObject属性，从而在网页上显示实时视频。 

总结

• src适用于加载已有的静态视频文件。
• srcObject适用于处理实时视频流，比如从摄像头捕获到的视频。