Html 以角度播放视频

我正在开发一个angular应用程序，我正在代码中使用HTML5的视频标记 播放视频。代码如下：

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

---

在这里，我只想我的视频播放一次，在视频完成后，我想路由到下一个组件。我该怎么做呢？

只要戴上你的视频标签

（结束）=“onEnd（）”

---

然后，在组件函数中的

onEnd

中，您只需执行路由器导航只需添加视频标签

（结束）=“onEnd（）”

---

然后，在组件功能的

onEnd

中，您只需执行路由器导航

即可在视频标签中添加事件

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

---

在route（）中执行编程路由。

在视频标记中添加事件

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

---

---

在route（）中执行编程路由。

单击angular中的按钮如何调用此视频代码？好的，您将只启用视频端的按钮。。。您可以在组件中为此控件创建一个变量，如

videoend:boolean

，该变量将在该函数调用

onEnd

时为真，之后，您可以单击按钮并转到下一条路线。我想在单击按钮时显示视频，当视频结束时，我需要在其他组件上发送视频。您可以使用变量

*ngIf

，如

showVideo

，当您单击按钮时

showVideo

将为真，然后显示视频，然后确保在

onEnd（）

函数中调用路由器导航，但我如何通过单击按钮将其绑定？对不起，如果我问了一个愚蠢的问题，我是angular的新手，我怎么能在angular中点击一个按钮就调用这个视频代码呢？好吧，你只能在视频端启用你的按钮。。。您可以在组件中为此控件创建一个变量，如

videoend:boolean

，该变量将在该函数调用

onEnd

时为真，之后，您可以单击按钮并转到下一条路线。我想在单击按钮时显示视频，当视频结束时，我需要在其他组件上发送视频。您可以使用变量

*ngIf

，如

showVideo

，当您单击按钮时

showVideo

将为真，然后显示视频，然后确保在

onEnd（）

函数中调用路由器导航，但我如何通过单击按钮将其绑定？抱歉，如果我问了一个愚蠢的问题，我是angular的新手，我如何在点击按钮时调用此视频代码？您想在点击按钮时显示视频吗？是的，我想在点击按钮时显示视频，当视频结束时，我需要在其他组件进行路由。明白了。谢谢我在制作一个弹出窗口的过程中又遇到了一个问题，我刚才在这里问，如果您也能在这方面提供指导，那将很有帮助。我如何在点击按钮时以角度调用此视频代码？您想在点击按钮时显示视频吗？是的，我想在点击按钮时显示视频，当视频结束时，我需要在其他组件处进行路由。明白了。谢谢我被困在制作弹出窗口的另一部分，我刚才在这里问过，如果你也能在这方面提供指导，那将是很有帮助的