正在 angular 中播放视频

Question

我正在开发一个 angular 应用程序，我在我的代码中使用 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() 中执行程序化路由。