Угловое видео: не разрешено загружать локальный ресурс: файл: /// E: /Videoes/pakistan.mp4

Question

видео или изображение с локального пути не отображается, как воспроизводить видео с локальной трассы src в угловых.

код:

<video src="file:///E:/Videoes/pakistan.mp4" autoplay controls width="750" height="450px">
</video>

Изображение ошибки прикреплено, как показано ниже:

] 1

Answer 1

Вы можете воспроизводить видео в угловом формате, используя приведенный ниже фрагмент кода

Я определю тег видео в моем шаблоне, и вам нужно изменить исходный файл на исходный

<video #videoPlayer controls (click)="toggleVideo()" preload="metadata">
  <source src="blobUrl" type='video/webm' />
</video>

Тогда вы должны заполнить src в вашем компоненте что-то вроде

@ViewChild('videoPlayer') videoplayer: any;

getBlobUrl(isInit: boolean) {
    this.store.select(fromCourseDetail.selectCourseMediaByCourseDetailId).subscribe(res => {
      if (res !== null) {
        this.blobUrl = res.blobUrl;
      }
      if (!isInit && this.videoplayer.nativeElement) {
        this.videoplayer.nativeElement.load();
      }
    });
  }

//this will allow you play and pause video too
toggleVideo(event: any) {
    this.videoplayer.nativeElement.paused ? this.videoplayer.nativeElement.play() : this.videoplayer.nativeElement.pause();
  }

Надеюсь, это поможет