角度播放视频

Question

我正在开发一个有角度的应用程序，并且我在代码中使用的是html 5视频标签 播放视频。代码如下：

 <video autoplay>
          <source src="videos/video.mp4" type="video/mp4">
    </video>

在这种情况下，我只希望我的视频播放一次，并在视频播放完成后将其路由到下一个组件。我该怎么办？

Answer 1

只需在您的视频标签(ended)="onEnd()"上贴上

然后在组件功能内的onEnd中，您只需进行路由器导航

Answer 2

在视频标签中添加事件

<div *ngIf='condition'>
    <video autoplay (ended)='route()'>
        <source src="videos/video.mp4" type="video/mp4">
    </video>
</div>
<button (click)='OnClick()'>Play</button>

在controller.ts

condition = false;
onClick() {
    this.condition = true;
}

在route（）中执行程序化路线。