如何在小容器中显示高分辨率的摄像头

Question

我在html5视频标签中显示我的摄像头，如下所示：

<video id="myWebCamVideo" muted autoplay></video>

摄像头分辨率为1920×1080 is。问题是，我想将其显示如下：

<div id="divVideo" class="col-lg-4 col-md-4 mt-3 text-center ml-auto mr-auto">
      <video id="myWebCamVideo" muted autoplay></video>
</div>

但是视频标签比头-lg-4大。是否可以在较小的div中显示带有HD的视频标签？还是总是视频标签需要px选择？

亲切的问候

Answer 1

             <div id="divVideo" class="col-lg-4 col-md-4 mt-3 text-center ml-auto mr-auto">
                    <video id="myWebCamVideo" muted autoplay style="width: 100%;">
                    </video>
             </div>

给视频标签100%的宽度。它将按父级div宽度设置。

我希望这会有所帮助。