如何在HTML5视频中添加字幕和字幕
HTML5为人们在线向受众交付内容提供了灵活性。如果你是一个视频创作者，HTML5允许你相对轻松地为视频添加字幕和字幕。
在本文中，您将学习如何添加字幕和副标题到HTML5视频。
为HTML5准备视频和闭路字幕文件
首先，将视频和字幕文件上传到你的网站或网络服务器。
1.上传HTML5视频
一些浏览器不播放某些HTML5视频，因为它无法读取编解码器或文件类型。为了确保视频能在大多数浏览器中播放，您需要添加两个带有不同标记的视频文件格式。
除了.mp4，您应该添加一个.webm版本的视频。你可以使用像这样的工具Convertio创建.mp4视频的.webm副本。
2.上传一个HTML5的标题文件
字幕或字幕数据的正确文件格式为Web视频文本曲目或WebVTT。
如果你的视频没有WebVTT格式的字幕或字幕，请订购字幕和标题在Rev的字幕编辑器，您可以导出您的标题和字幕在WebVTT, SRT，和许多其他格式在web上使用，没有额外的费用。
准备HTML5标记
1.创建视频的HTML标记
首先，我们要为MP4视频创建HTML标记：
在上面的标记中，有两个标记：
前者定义了在线播放时视频文件的特征。后者可以找到浏览器可以在本地驱动器或在线上找到视频的位置。
对于视频的宽度和高度属性，请随意输入您最熟悉的尺寸。
使用此标记添加视频的附加.webm格式：
. width="800" height="600" controls>
2.为字幕创建HTML标记
现在，为了在视频上显示字幕和字幕，您将使用HTML上的
我们将在后面讨论不同的属性，以帮助您理解每个属性的目的，并正确地标记您的视频信息。
假设您希望在视频中显示英文字幕。以下是添加了以下内容的HTML标记：
< span style =" font - family:宋体;font - family:宋体;vtt“默认>
而:
- 标签-音轨的标题
- 种类–文本曲目的类型（字幕或字幕）
- SRC -文件在本地驱动器或在线驱动器中的路径
- srclang–轨道语言
将标记、视频和字幕上载到同一主机。理想情况下，将它们保存在同一个文件夹中，以减少事情的复杂性。
确保标记中的文件源是正确的。否则，视频将无法播放，字幕和字幕也不会出现。
如果标记有效，可以通过单击三点图标打开字幕。
如果你有其他语言的字幕和视频截图，你可以在下一行创建另一个标签来添加更多的曲目。
以下是如果您有视频的英文和西班牙文字幕，标记的外观：
要切换字幕，点击三个点图标并选择字幕。
如何改变HTML5视频字幕的风格
如果你对字幕的外观不满意，你可以使用CSS来改变它们的外观。
在放置HTML标记的文件中，必须在标记之前添加