Воспроизведение видео в угловых

Question

Я работаю над угловым приложением и использую тег видео html 5 в своем коде для воспроизведения видео. Код выглядит следующим образом:

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

Здесь я просто хочу, чтобы мое видео воспроизводилось один раз, а по завершении видео я хочу направить к следующему компоненту. Как я могу это сделать?

Answer 1

Добавить событие в видео-тэг

<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 () выполнить программный маршрут.

Answer 2

Просто наденьте видео тег (ended)="onEnd()"

Затем в onEnd внутри функции вашего компонента вы просто выполняете навигацию маршрутизатора