Question

我想做一个简单的视频播放器，它可以自动播放视频（使用电子和videogular2）。

主要问题是当我从html定义src时工作正常：

<source src="c:\temp\a.mp4" type="video/mp4">

但是当我使用它时，它不起作用。

<source *ngFor="let video of sources" [src]="video.src" [type]="video.type">

出现第二个问题，自动播放也无法正常工作。

Typsecript代码：

sources = [{
    src: 'C:/_tmp/client-desktop/videos/SampleVideo_1280x720_30mb.mp4',
    type: 'video/mp4'
  }];

...

 onPlayerReady(api: VgAPI) {
    this.api = api;
    this.setCurrentVideo('C:/_tmp/client-desktop/videos/SampleVideo_1280x720_30mb.mp4');
    // this.api.play();
  }

  setCurrentVideo(source: string) {

    alert(JSON.stringify(this.sources));
    this.api.getDefaultMedia().currentTime = 0;
    this.api.play();
  }

HTML：

<vg-player (onPlayerReady)="onPlayerReady($event)">
  <vg-overlay-play></vg-overlay-play>
  <video [vgMedia]="media" #media id="singleVideo" vg-fullscreen preload="auto" autoplay crossorigin>
    <source *ngFor="let video of sources" [src]="video.src" [type]="video.type">
  </video>
</vg-player>

电子videogular2 src问题加载视频和自动启动问题

0 个答案: