IE10 Video Captioning

Internet Explorer 10 <video> is now accessible with TTML and WebVTT <track> captioning support.
Search captions:
Click a line to jump to that point in the video
Speaker:
Name of speaker
 
You can select different subtitle languages using the track selection menu in the video.

Developers can now show video captions, offer translated subtitles or drive timed speaker info or slides.

Adding a caption track to a HTML5 video is easy:

<video controls autoplay loop src='movie.mp4'>

   <track kind='subtitles' srclang='en' label='English'src='captions.vtt' default >

   <track kind='subtitles' srclang='de' label='German' src='de-captions.vtt'>

</video>

 
Internet Explorer 10 supports TTML or WebVTT caption files:
captions.ttml in TTML format
 
<?xml version="1.0" encoding="UTF-8"?>
<tt xmlns="http://www.w3.org/ns/ttml" xml:lang="en" >
<body>
<div>
<p begin="00:00:05.142" end="00:00:08.501">My name is Jason Weber, and my job is to make Internet Explorer fast. </p>
<p begin="00:00:08.900" end="00:00:14.305">We care about Windows users, and Windows users spend over half their time inside the web browser. </p>
captions.vtt in WebVTT format
 
WEBVTT FILE
 
00:00:05.142 --> 00:00:08.501
My name is Jason Weber, and my job is to make Internet Explorer fast.

00:00:08.900 --> 00:00:14.305
We care about Windows users, and Windows users spend over half their time inside the web browser.
 
Because caption files are just timestamps and text, developers can create searchable videos - type a word like fast or benchmark in the search box above.
 
Developers can also use a metadata <track> element to drive slides or speaker notes on the video timeline. In the example on this page, a metadata track is used to create a speaker info box that is synced to the video timeline.  

   <track kind='metadata' src='speakers.vtt' onload='loadSpeakers(this)' >

 
speakers.vtt in WebVTT format
 
WEBVTT FILE 
 
00:00:05.142 --> 00:00:18.390 
Jason Weber 
 
00:00:18.921 --> 00:00:31.291 
Mike Decker