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

Question

我正在将我的网络摄像头显示到html5视频标签中，如下所示：

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

网络摄像头分辨率为1920x1080px。关键是我要显示如下：

<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>

但是video标签的大小大于col-lg-4。可以在较小的div中显示高清视频标签吗？还是总是视频标签需要选择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宽度进行设置。

我希望这会有所帮助。