HTML5 Video 添加字幕，操作简单，不需要剪辑

HTML5 Video视频支持外挂字幕，文件后缀名是.vtt，称为WebVTT格式，专门的web字幕格式。

使用很简单，用一个元素即可，例如：

官方文档：https://w3c.github.io/webvtt/

效果如下： ** **

.vtt 文件的MIME type是 text/vtt。在Chrome和safari浏览器下，.vtt字幕是可以无障碍加载显示的。

通常我们保存在电脑中的外挂字幕都不是 vtt 而是，常见的如 srt 格式，需要需要用在web中，可以使用工具进行转换：Simple SubRip to WebVTT converter

对于元素完整的写法应该是：

属性：

样式：

CSS中有专门的伪元素::cue可以控制字幕的样式

可以控制的CSS属性包括：

eg:

代码如下：

.vtt文件如下