如何在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>

2017-07-27 04:55:41 Trent

好複製，我會試試這個，只需一分鐘 –

我已經對我的回答進行了編輯，以解釋您可以在Angular中使用任何HTML標記。不要混淆，Angular只不過是一個JavaScript框架，它增加了大量的以Web應用程序爲中心的功能，使構建Web應用程序變得更加簡單。 – Trent

它正在工作，但文件的來源不起作用，儘管視頻與app.component.html中的文件相同，但是'，我有這個錯誤：'GET http：// localhost：4200/Getting_Started_With_React.js.mp4 404（Not Found）'，有什麼問題？ –

回答