角度2、ビデオ期間アクセス。

Question

私はテーブルにリストされているビデオからビデオデュレーションを取得しようとしています。 @ViewChildrenを使用してアクセスしようとしましたが、1つの部分まで成功しました。私はクエリリストを取得しますが、私は_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; 
} 
} 

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