在HTML的<video>标签中,src和srcObject是两个不同的属性。
src属性:用于指定视频资源的URL。可以通过设置该属性来指定一个视频文件的路径或者网络地址,例如
通过设置<video src="video.mp4"></video>src属性,浏览器会自动加载并播放指定路径下的视频文件。srcObject属性:用于指定视频流对象。通常用于使用WebRTC或媒体捕获设备(如摄像头)来获取实时视频流,并将其显示在网页上。例如:
上述代码通过调用getUserMedia方法获取摄像头的实时视频流,并将其赋值给navigator.mediaDevices.getUserMedia({ video: true }).then(stream => {const videoElement = document.querySelector('video');videoElement.srcObject = stream;});srcObject属性,从而在网页上显示实时视频。
总结
src适用于加载已有的静态视频文件。srcObject适用于处理实时视频流,比如从摄像头捕获到的视频。