Angular queryselecterAll returns empty nodeList

i am rendering video element dynamically using array that comes from parent component using @Input(), and it has a same so i tried to selected all video elements using thier class but it is not working properly.

HTML :

  <div>
        <video *ngFor="let a of videoUrls" class="video-element"></video>
  </div>

Code that trying to select

@Input() videoUrls : string[];

 ngAfterViewInit(): void {
        this.aaa = document.querySelectorAll('.video-element');

}

What is the problem??