HTML5 Video
- The
<video>
element works in the same way as the<audio>
element. - It will use multiple
<source>
elements to contain all the different formats that are supported by the different browsers.
<video controls>
<source src="./media/movie.mp4" type="video/mp4" />
<source src="./media/movie.avi" type="video/avi" />
<source src="./media/movie.m4v" type="video/m4v" />
</video>
There are several other videos on the YouTube channel about adding subtitles to videos, styling the subtitles, and controlling the videos with JavaScript.
Have a look here HTML Multimedia YouTube playlist