I am integrating closed captions in my video element
<div style="text-align:center;">
<video width="720" height="360" controls>
<source src="Files/testvideo_1.mp4" type="video/mp4">
<track label="English" kind="subtitles" srclang="en" src="Files/testvideo_CC.xml" default >
Your browser does not support the video tag.
</video>
</div>
The caption file used here is of ttml type.According to this link below both ttml and webvtt type caption files will work on html5 video.
http://www.html5labs.com/prototypes/video-captioning/video-captioning/info
But in internet explorer ttml format is working and webvtt is not. In the case of firefox and chrome only webvtt file is working and ttml is not.See the link below
http://www.html5labs.com/prototypes/video-captioning/video-captioning/info
I have only ttml type caption files with me and in most of the tutorials in web they are using webvtt files, so is there any way to use this in all browsers