[html] video标签的src和srcObject属性的区别

在HTML的标签中,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属性,从而在网页上显示实时视频。


参考:

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

  • 8
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值