字幕就是在播放视频的时候随着播放进度所显示的一些文字内容 … JW Player 支持三种字幕格式，WebVTT，SRT，DFXP。

JW Player 推荐我们使用 WebVTT 格式的字幕 … 因为 WebVTT 是 HTML5 标准的字幕格式。

为视频创建字幕很简单，我们只需要一个文本编辑软件，不过最好可以使用专业的字幕编辑软件去制作视频的字幕，这样可以节省一些时间。

下面我们一起来看一下为视频添加一个字幕。

在我们的网页项目的 video 目录下面… 新建一个文件 … 字幕文件的名称可以跟视频文件的名称一样… 另外可以再加上字幕语言的代码 …

比如我们为 croods-tlr3_h720p 这个视频添加一个中文版的字幕 .. 我们可以用这个名称来命名字幕文件 .. 后面可以再加上一个 chs … 表示这是一个简体中文版的字幕文件 ..

croods-tlr3_h720p-chs.vtt

文件的扩展名是 vtt …

打开这个字幕文件 … 要注意的是，字幕文件的编码格式，一定要使用 UTF-8 .. 不然在视频上面显示字幕会出现问题 …

文件的开始部分，我们需要先输入一个 WEBVTT

然后在它的下面就可以是字幕的内容了… 首先我们要定义字幕里的内容出现在视频上的时间 …

格式是这样的…. 两位数字表示的小时 … 然后是分钟 … 接着是秒 … 最后是毫秒 … 注意秒和毫秒之间是用英文状态下的逗号分隔开的.. 其它地方的分隔符是冒号 ..

这部分是字幕内容开始显示的时间 … 然后加上一个空格 … 两个横线 … 大括号 … 再输入一个空格 …

后面是字幕内容结束显示的时间 … 可以使用同样的格式 …

比如我们打算在视频开始 5 秒 到 10 秒之间 … 显示一些文字 …

开始的时间这里，在秒数这里，输入 5 … 结束的时间 … 秒数这里，输入 10 …

00:00:00,000 --> 00:00:00,000

然后另起一行 … 再来定义一下在视频播放的时候 5 秒到 10 秒这个时间段要显示在视频上的文字内容 …

《 疯狂原始人 》 …

我们可以继续去定义在其它时间段显示的文字 … 复制一下 …

粘贴… 然后修改一下 … 比如我们要在 10 秒到 15 秒之间，显示一些文字 …

输入文字的内容 …

你可以继续去定义其它的内容 …

我们先保存一下这个字幕文件 … 下面的视频里我们再看一下添加字幕文件到视频上显示的方法 …