如何在Angular2中嵌入视频?

时间:2017-07-27 04:48:24

标签: javascript html5 angular video

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

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

1 个答案:

答案 0 :(得分:4)

除非您有需要,否则无需涉及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>

示例是从W3Schools HTML Video tag page

复制的