要为视频添加字幕,您可以使用HTML5的track元素。使用track元素,您可以在视频播放时显示字幕,这些字幕可以是内联的或外部的。
以下是使用track元素为视频添加字幕的基本步骤:
<video controls>
<source src="myvideo.mp4" type="video/mp4">
<track src="mysubtitles.vtt" kind="subtitles" srclang="en" label="English">
</video>
这将在视频播放器中添加一个字幕按钮,允许用户选择是否显示字幕。在track元素中,您需要指定字幕文件的位置(src),字幕类型(kind),字幕语言(srclang)和字幕标签(label)。
例如,以下是一个简单的WebVTT字幕文件:
WEBVTT
1
00:00:00.000 --> 00:00:05.000
Hello, world!
2
00:00:05.000 --> 00:00:10.000
Welcome to my video.
3
00:00:10.000 --> 00:00:15.000
This is an example of using track elements
在这个例子中,每个字幕都以数字开头,后跟时间码和字幕文本。
一旦完成了这些步骤,您的视频应该具有可选的字幕选项,允许用户选择是否显示字幕。