angular2以上视频播放结束方法
zwight / 知识库 /
点击:3364 / 2018.12.11 21:01
播放视频后需要触发某个事件,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() {}