Angular 2,视频时长访问。

时间:2017-02-04 09:33:46

标签: html angular typescript

我试图从我在表格中列出的视频中获取视频时长。我尝试使用@ViewChildren访问它并成功直到一部分。我得到查询列表,但当我尝试访问_results时,它返回undefined。后来我才知道queryList因某种原因是私有的。任何帮助将不胜感激

这是我的代码:

<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;
}
}

1 个答案:

答案 0 :(得分:4)

您可以使用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);
  }