以角度播放视频答案

【问题标题】：Playing video in angular以角度播放视频
【发布时间】：2020-02-23 00:37:31
【问题描述】：

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

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

在此我只希望我的视频播放一次，并且在视频完成后我想路由到下一个组件。我该怎么做？

【问题讨论】：

标签： html angular angular6 angular7 angular8

【解决方案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() 中执行程序化路由。

【讨论】：

如何在点击角度按钮时调用此视频代码？
您想通过点击按钮来显示视频吗？
是的，我想在点击按钮时显示视频，当视频结束时我需要在其他组件路由
知道了。谢谢。我被困在制作弹出窗口的另一部分，我刚才在这里问过，如果你也能指导这将很有帮助stackoverflow.com/questions/58581671/…

【解决方案2】：

只要把你的视频标签(ended)="onEnd()"

然后在 onEnd 在你的组件函数中，你只需做路由器导航

【讨论】：

如何在点击角度按钮时调用此视频代码？
好吧，你只能在视频结束时启用你的按钮......你可以在你的组件中为这个控件创建一个变量，比如videoEnded: boolean，这在这个函数调用onEnd上是正确的，之后，您可以单击按钮并转到下一条路线
我想在点击按钮时显示视频，当视频结束时我需要在其他组件路由
您可以将*ngIf 与showVideo 之类的变量一起使用，当您单击按钮时，showVideo 将为真，之后您的视频就会显示出来，然后只需确保在您的@987654328 @你调用你的路由器导航的函数
但是如何通过单击按钮来绑定它？抱歉，如果我问了愚蠢的问题，我是 Angular 的新手