Как динамически отображать несколько видеопотоков в Angular 7

Question

Я провожу видеоконференцию, используя WebRTC.Я хочу отображать входящие видеопотоки в HTMLдинамически. Для этого я используюRenderer2 класс Angular 7 для динамического создания элемента.

Мой код:

videoCall.html

       <video #remoteVideo > <video>

videoCall.ts

       @ViewChild('remoteVideo', { static: false }) remoteVideo: ElementRef;

       constructor(private renderer: Renderer2) {
       }

       this.peerConnection.ontrack = (trackEvent)=>{ 

            var sourceTag = document.createElement('source');
            sourceTag.setAttribute(remoteVideo.nativeElement,'src', trackEvent.streams[0]);
            sourceTag.setAttribute(remoteVideo.nativeElement,'type', 'video/mp4');

            this.renderer.appendChild(remoteVideo.nativeElement, sourceTag);

       }

Проблема в том, что видео не отображается. Подскажите, пожалуйста, правильно ли это или есть другой способ динамического отображения видеопотока?