如何在Angular2中嵌入视频？

问题描述：

我想开发单页面应用程序。这是一个视频门户，用户可以登录，查看视频列表，浏览一个视频，评价视频，并可以执行所有与媒体相关的任务，例如：播放，暂停，调整音量和寻找视频位置。如何在Angular2中嵌入视频？

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

答

除非您找到需要，否则不需要涉及Angular。在您的Angular模板中，只要支持您希望支持的浏览器，您就可以使用任意 HTML标记。

只需在您的app.component.html模板中的HTML5 <video>标签和src属性指向您的视频文件的位置 -

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

好复制，我会试试这个，只需一分钟 –

我已经对我的回答进行了编辑，以解释您可以在Angular中使用任何HTML标记。不要混淆，Angular只不过是一个JavaScript框架，它增加了大量的以Web应用程序为中心的功能，使构建Web应用程序变得更加简单。 – Trent

它正在工作，但文件的来源不起作用，尽管视频与app.component.html中的文件相同，但是'，我有这个错误：'GET http：// localhost：4200/Getting_Started_With_React.js.mp4 404（Not Found）'，有什么问题？ –