Tengo un proyecto para capturar una tarjeta de identificación con una cámara y hay una guía adicional para esa tarjeta de identificación, por lo que tengo que llamar a una cámara personalizada desde mi Angular.

Cuando uso la input con el atributo de capture :

 <input #inputCamera type="file" capture="environment" [accept]="state.model.allowedExtension" (change)="handleChange($event)" hidden />

No puedo personalizarlo para que se vea así:

Entonces, decido hacer el mío propio con un tercero. Pero el problema es que el elemento de video siempre está en posición landscape , por lo que se verá así:

Entonces, ¿cómo hacer que esté en posición de retrato completo desde ese elemento de video? Debido a que he intentado con css pero solo funciona en el estilo, cuando intento capturar una imagen, todavía está en posición horizontal.