一聚教程网:一个值得你收藏的教程网站

热门教程

HTML5中给video视频添加字幕(WebVTT)

时间:2022-06-25 18:16:24 编辑:袖梨 来源:一聚教程网

虽然HTML5正式标准没有指定使用哪种格式的字幕。但目前比较通用是WebVTT(后缀.vtt),这个各个浏览器厂商都支持的比较好。


原文:HTML5 - 给<video>视频添加字幕(WebVTT)

1,WebVTT文件样例

WEBVTT
 
00:00:01.000 --> 00:00:10.000
这是文本的第一行,从第1秒显示到第10秒。
 
00:00:15.000 --> 00:00:20.000
这是文本的第二行,欢迎来到www.111com.net
2,使用样例
(1)如果有多个语言字幕可以添加多条,供用户切换选择
(2)标注为default的表示默认使用的字幕。如果默认不使用任何字幕,则都不设置default。

热门栏目