如何在Angular2中嵌入视频？

Question

我想开发单页面应用程序。它是一个视频门户，用户可以登录，查看视频列表，导航到单个视频，评价视频并执行所有与媒体相关的任务，例如：播放，暂停，调整音量和搜索视频位置。

由于<video>中有HTML5标签，是否有可能在HTML5中使用app.component.html标签来嵌入视频？或者它可能是一个库我必须从angular2安装它，然后在app.component.ts文件中调用它？或许还有另一种方式！

Answer 1

除非您有需要，否则无需涉及Angular。在Angular模板内部，您可以使用任何HTML标记，只要您希望支持的浏览器支持它们。

只需在<video>模板中包含HTML5 app.component.html标记，并将src属性指向视频的文件位置 -

<video width="320" height="240" controls>
    <source src="movie.mp4" type="video/mp4">
    Your browser does not support the video tag.
</video>

Answer 2

只需在component.html中包含HTML5标记即可

<video width="xx" height="xx" controls>
    <source src="yourVideo.mp4" type="video/mp4">
</video>