I have a project to capture an ID card with a camera and there's an additional guideline for that ID card, so I have to call a custom camera from my Angular.

When I use input with the capture attribute:

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

I can't custom it to look like this:

So, I decide to make my own with thirdparty. But the problem is that video element always in landscape position, so it will looks like this:

So, how to make it full portrait position from that video element? Because I've been try with css but it's only working on style, when I try to capture an image, it still landscape position.