Как отобразить веб-камеру с высоким разрешением в небольшом контейнере

Question

Моя веб-камера отображается в виде тега html5 следующим образом:

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

Разрешение веб-камеры составляет 1920x1080 пикселей.Дело в том, что я хочу отобразить это следующим образом:

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

Но тег видео больше, чем col-lg-4 с.Возможно ли отображать видео тег с HD в меньшем div?Или для тега видео всегда требуется выбранный пиксель?

С уважением

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.

Надеюсь, это будет полезно.