How to add text tracks used in media players in HTML5?


Use the <track> tag in HTML5 to add text tracks used in media players. You can try to run the following code to learn how to add text tracks used in media players in HTML5 −

Example

<!DOCTYPE HTML>
<html>
   <body>
      <video width = "300" height="200" controls autoplay>
         <source src = "/html5/foo.ogg" type="video/ogg" />
         <source src = "/html5/foo.mp4" type="video/mp4" />
         <track src = "subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
         <track src = "subtitles_ru.vtt" kind="subtitles" srclang="ru" label="Russia" default>
         Your browser does not support the video element.
      </video>
   </body>
</html>

Updated on: 02-Mar-2020

215 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements