The <track> element represents a timed text file to provide users with multiple languages or commentary for videos. You can use multiple tracks and set one as default to be used when the video starts.
You can provide a transcript of the video.
But you may want to build custom controls using its media API, and the media events. Play, pause, and seek in the entire video, change the volume, mute, change the playback rate (including going into negative values).
This post shows how you can build a custom media player using different the media API attributes, events, and methods.
Internet Explorer 9+, Firefox, Opera, Chrome, and Safari support the
video element, but you may need multiple files to support the video formats.
For this demo, I’m using a video that is in the public domain, Popeye for President.