angular2以上视频播放结束方法-欢迎使用zwight个人网站系统
×

angular2以上视频播放结束方法

    播放视频后需要触发某个事件,js的方法为监听ended事件:

html:

<video id="media" controls width="400px" heigt="400px">
<source src="src" >
      </video>

js:

    var md=document.getElementsByTagName("video")[0];
    md.addEventListener("ended",function(){
         alert("播放结束");
    })

在angular中它提供了一个方法在视频播放结束后触发某个事件

angular1中事件为on-ended,angular2以上为(ended);

代码:

template:

<video (ended)="videoEnd()">
  <source src="assets/vid.mp4" type="video/mp4">
</video>

component:

videoEnd() {}