H5 video視頻支持外掛字幕,字幕文件后綴名是.vtt,專門的web字幕格式
字幕插入也非常簡單,只需要在video標簽內使用track標簽
<body>
<video controls>
<source src="src/9A.mp4" type="video/mp4">
<track label="中文字幕" kind="subtitles" srclang="de" src="src/sing-song.vtt" default>
</video>
</body>
sing-song.vtt文件格式如下
WEBVTT
00:00:00.001 --> 00:00:01.000
請把你的鍋
00:00:01.001 --> 00:00:03.500
帶回你的蝦
00:00:03.501 --> 00:00:07.000
請把你的微笑留下……
00:00:07.501 --> 00:00:10.000
請把你的鍋
00:00:10.001 --> 00:00:12.000
帶回你的蝦
00:00:12.001 --> 00:00:15.000
請把你的微笑留下
00:00:17.001 --> 00:00:19.000
我是Luna大魔王
00:00:21.001 --> 00:00:23.000
愛咋咋地~哼
字幕只需要自己添加時間和內容就可以了