如何在角度为4的页面加载时获得html5视频时长?

时间:2017-08-28 13:27:06

标签: html5 angular html5-video

HTML

 String[] Condicoes = {"fase", "comunicacao","tipo_comunicacao"};

.TS

<video #v >
    <source src="{{video.videoUrl}}" type="video/mp4" />
 </video>

<button (click)="getDuration(v)">
  Get Duration 
</button>

<input type="range" step="0.1"  min="0" 
   max="getDuration(v)">

我可以点击按钮获取视频网址,但我无法进行页面加载。

如何在网页加载视频时获得视频时长?

加号:我尝试在video = { videoUrl :"myvideo.mp4" length: null, } getDuration(v){ let dur = v.duration; dur = dur.toFixed(); this.video.length = dur; return dur; } 中调用getDuration(v)函数,但收到错误,因为ngOnInit()有参数。

谢谢!

1 个答案:

答案 0 :(得分:4)

  1. 您需要等到元素加载完毕。请使用ngAfterViewInit()生命周期钩子代替__

  2. 使用@ViewChild装饰器在打字稿逻辑中使用模板中的元素引用。

  3. 在您的案例中使用ViewChild:

    ngOnInit()