Потоковое видео файла mpd в angular 9

Я дал тег видео для воспроизведения видео. Ниже код работает правильно. Для примера кода:

<div class="video">
    <video controls (click)="toggleVideo()" #videoPlayer>
        <source src="https://vjs.zencdn.net/v/oceans.mp4" type="video/mp4" />
        Browser not supported
    </video>
</div>

Компонент.ts:

   @ViewChild("videoPlayer", { static: false }) videoplayer: ElementRef;
    isPlay: boolean = false;

 toggleVideo() {
    this.videoplayer.nativeElement.play();
  }

Но если я могу изменить src на файл .mpd, видео не воспроизводится. Ниже код не воспроизводит видео. Это из-за файла mpd? Не могли бы вы мне помочь?

<div class="video">
    <video controls (click)="toggleVideo()" #videoPlayer>
      <source src="http://ec2-3-6-94-231.ap-south-1.compute.amazonaws.com/ga_test/dash/test.mpd" type="video/mpd" />
      Browser not supported
    </video>
  </div>