javascript - 如何在 Angular2 中嵌入视频？

Question

我想开发单页应用程序。它是一个视频门户，用户可以在其中登录、查看视频列表、导航到单个视频、对视频进行评分并可以执行所有与媒体相关的任务，例如:播放、暂停、调整音量和寻找视频位置。

因为有<video>在 HTML5 中标记, 是否可以使用 HTML5里面的标签 app.component.html嵌入视频？
或者它可能是我必须从 angular2 安装的库然后在里面调用app.component.ts文件？
或者还有其他方法!

Answer 1

不需要涉及Angular，除非你发现需要。在 Angular 模板中，您可以使用任何 HTML 标记，只要它们受您希望支持的浏览器支持即可。

只需包含 HTML5 <video>在你的 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>

---

示例是从 W3Schools HTML Video tag page 复制的