在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
适用于处理实时视频流,比如从摄像头捕获到的视频。