javascript - 如何让网络摄像头在移动网络应用程序上全屏查看

Question

我正在尝试将网络摄像头 View 拉伸(stretch)到全屏，但我似乎无法在不损失质量或图像被拉伸(stretch)的情况下做到这一点。

我应该使用什么样式来实现此目的，还是需要编写一些 javascript 来提供帮助？

到目前为止，我所拥有的内容如下:

#CSS FILE
/* Camera */
#videoElement {
    /*width: 500px;*/
    /*height: 100%;*/
    min-height:100%;

    background-color: #666;
}

#HTML FILE
    <video autoplay="true" id="videoElement"></video>

Answer 1

尝试仅将 #videoElement 的宽度设置为 width: 100%。

所以 CSS 会像这样:

 #videoElement 
 {
   width: 100%;
 }