javascript - 无法增加视频元素的宽度

所以我有一个这样的情况



如您所见，视频未填充元素的整个宽度。

这就是我的html看起来像-

<div class="webcam"/>
    <div class="control-container">
</div>

video元素是通过使用javascript网络摄像头库创建的-

https://github.com/jhuckaby/webcamjs

var that = this;
Webcam.set({
    width: this.options.width,
    height: that.options.height,
    image_format: 'jpeg',
    jpeg_quality: 100,
    force_flash: false
});
Webcam.attach('.webcam');

这就是视频元素的样子



目前，宽度和高度分别为562和344，这也是包含元素的宽度和高度。我试图使它们变大，但是所有发生的是空白变得更大，而不是实际的实时查看器。

我该怎么办？

最佳答案

尝试使用此代码

.webcam {
  width: 100%    !important;
  height: auto   !important;
}

关于javascript - 无法增加视频元素的宽度，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23376653/