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

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

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

1
user12281262 27 Окт 2019 в 14:55

2 ответа

Лучший ответ

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

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

1
Elias Dal Ben 27 Окт 2019 в 14:47

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

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

-1
LALIT KANTA DIBYADARSHAN 27 Окт 2019 в 17:26
58579185