📌  相关文章
📜  HTML track标签

📅  最后修改于: 2020-11-04 00:46:15             🧑  作者: Mango

HTML标签

HTML标签用于为媒体文件定义基于时间的文本轨道。的标签必须用作的子元素

标签用于添加字幕，标题或播放媒体文件时显示的任何其他形式的文本。

HTML是HTML5中的新标记。

句法

以下是有关HTML的一些规范标签

Display None
Start tag/End tag Only start tag(End tag forbidden)
Usage HTML media

例

 


HTML track Tag


 
Example of track tag

在上面的示例中，我们使用了flower.vtt文件在视频文件中添加字幕。以下是flower.vtt文件：

如何创建WEBVTT文件：

以下是一些基本步骤，可用于创建WEBVTT文件标签：

  • 在PC中打开文本编辑器，例如记事本
  • 将WEBVTT编写为编辑器的第一行
  • 留空行
  • 以适当的格式指定持续时间(您也可以提供编号并添加CSS)。
  • 输入并输入要添加字幕或标题的文本，然后重复步骤3到5，直到完成。
  • 使用.vtt扩展名保存。

现在，您的WEBVTT文件可以使用了。

属性：

特定于标签的属性：

Attribute Value Description
default default It specifies that the track should be enabled unless the user?s preferences indicate that another track is more important.
kind captions
chapters
descriptions
metadata
subtitles		 It specifies that which type of text track you want to add.
label text It specifies the title of the text track.
src URL It defines the URL of the track file.
srclang language_code It defines the language of the track text content, such as English, Germany, etc.

全局属性：

标签支持HTML中的Global属性。

事件属性：

标签支持HTML中的事件属性。

支持的浏览器

Element chrome browser Chrome ie browser IE firefox browser Firefox opera browser Opera safari browser Safari
Yes Yes Yes Yes Yes