给视频加字幕HTML代码,给Html5视频播放器添加字幕

现在各种支持HTML5的浏览器都能够播放html5视频了，但是对于字幕的支持却很少，我们期待像DVD那样强大的字幕。

往往我们还不得不通过js来做，着实是一件痛苦的事情。

现在IE10率先对HTML5 Video 字幕给与内置的支持，而且还支持多语言，可任意切换，真是太给力了。

示例代码如下：

通过两个标签分别指定了一个英文字幕文件、一个中文字幕文件，默认为中文字幕，用户可以切换，也可以由程序脚本切换。

IE10支持2种字幕文件格式：

WebVTT : Web Video Text Track  (Web视频文本轨道)

TTML : Timed Text Markup Language (时序文本标记语言)

WebVTT

WebVTT是UTF-8编码格式的文本文件，内容示例如下：

WEBVTT

00:00:01.878 --> 00:00:05.334

曾经有一份真诚的爱情放在我面前，

00:00:08.608 --> 00:00:15.296

我没有珍惜，等我失去的时候我才后悔莫及，

人世间最痛苦的事莫过于此。 第一行必需是WEBVTT，接着空行，接下来是一行时间范围＋一行或多行字幕内容＋空行，一行时间范围＋一行或多行字幕内容＋空行，……

时间格式是HH:MM:SS.sss，时:分:秒.毫秒， 开始时间 --> 结束时间，-->的两边各有一个空格，这两个时间必需写在同一行。

时间都是相