I want to develop single page application. It is a video portal, where users can login, see video listings, navigate to a single video, rate videos and can perform all media related tasks for example: Play, Pause, Adjust volume and seek video position.
Since there is <video> tag in HTML5, Is it possible to use HTML5 tags inside appponent.html to embed videos?
Or could it be a library that I have to install it from angular2 and then call it inside appponent.ts file?
Or maybe there is another way!
I want to develop single page application. It is a video portal, where users can login, see video listings, navigate to a single video, rate videos and can perform all media related tasks for example: Play, Pause, Adjust volume and seek video position.
Since there is <video> tag in HTML5, Is it possible to use HTML5 tags inside app.ponent.html to embed videos?
Or could it be a library that I have to install it from angular2 and then call it inside app.ponent.ts file?
Or maybe there is another way!
2 Answers
Reset to default 7No need to involve Angular, unless you find a need. Inside of your Angular template you can use any HTML tags, as long as they are supported by the browsers you wish to support.
Simply include the HTML5 <video> tag in your app.ponent.html template and point the src attribute to the file location of your video -
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
Example was copied from the W3Schools HTML Video tag page
Just include the HTML5 tag in your ponent.html
<video width="xx" height="xx" controls>
<source src="yourVideo.mp4" type="video/mp4">
</video>