How to change the size about ngx-scanner HOT 7 CLOSED

you can resize with your host component css with ng-deep

::ng-deep video {
    max-height: 70vh;
    width: 100vw;
    object-fit: contain;
}

from ngx-scanner.

Thank you very much. It works great.

from ngx-scanner.

Thanks for the help Timothee.
Will probably make an Input so you can pass an extra css-class do avoid using /deep/....

from ngx-scanner.

Hi there!
I've seen that this issue is closed, however let me comment a couple of things.
I'm using this package in an Ionic/Angular app. I've been experiencing the same problem with the video size. I added [cssClass] ="small-Video" and its respective class in the css file, but nothing changed.
I checked my ngx-zxing version, it's the last version until now, 0.3.4.
After inspecting the "preview" element in the browser I realized that the resulting html code for this element might be wrong; indeed the class name was empty or its value is "NaN" (I got two versions...):

Version 1:
<video id="preview" class autoplay="true" muted="true" playsinline="true" autofocus="true">

Version 2:

<video id="preview" class="NaN" autoplay="true" muted="true" playsinline="true" autofocus="true">

I solved this adding the same class afterwards through js code:
document.getElementById("preview").className = "small-Video";

Thanks for your great work.

from ngx-scanner.

Will check on that

from ngx-scanner.

Just looked at your example... It seems like your binding is wrong.
Please try either
[cssClass]="'small-video'"
or
cssClass="small-video"

I will update the Readme

from ngx-scanner.

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

from ngx-scanner.