html - Angular 2，视频时长访问。

Question

我试图从我在表格中列出的视频中获取视频时长。我尝试使用@ViewChildren 访问它，并且直到一部分都成功了。我得到了查询列表，但是当我尝试访问 _results 时，它返回未定义。后来才知道queryList不知为何是private的。任何帮助将不胜感激

这是我的代码:

<video id="video1" #video>
<source src = "{{videos.link}}" type="video/mp4">
</video>
@ViewChildren('video') video;
ngOnInit: {
Observable.timer(1000,1000).subscribe(() => {
if(this.video && !this.isVideoLogged){
console.log(this.video);
this.isVideoLogged = true;
}
}

Answer 1

您可以使用 loadedmetadata 事件:

Plunker example

<video width="480" controls #video (loadedmetadata)="onMetadata($event, video)"

  onMetadata(e, video) {
    console.log('metadata: ', e);
    console.log('duration: ', this.duration = video.duration);
  }