track 字幕 html5,HTML5标签:track元素的使用方法及作用

html元素 标签是html5新增的标签,用于定义媒体资源有关的文本信息,有关 标签的使用方法及作用详细介绍如下:

标签的定义

标签可以把外部文本文件链接到或定义的媒体资源上;

标签为或提供不同语言的字幕或不同的外部文本文件;

标签是空元素,也是单标签,即只有开始标签,没有结束标签;

标签必须作为子元素写在 或  元素的内部;

 标签可以在 或  元素内部定义多个  元素:

标签是 HTML 5 中的新标签。

浏览器支持

标签已被Internet Explorer 10+, Chrome 以及 Opera 支持 。

但目前为止,仍有不少浏览器对 标签支持不太良好,请慎用!

标签用法

下面,设置一个带有两个字幕轨道的视频,一个包含汉语字幕和英文字幕的视频的例子,演示代码如下:

或可以包含多个标签 。

 标签的kind属性

kind属性用于指定相关文本字幕信息(即用于存放字幕、章节标题、说明文字或元数据的文件) 的种类;

如果标签中的kind属性值是 "subtitles",则srclang属性是必需的。kind属性值有以下五种类型:

subtitles:就是字幕了,不一定是翻译,也可能是补充性说明;

captions:报幕内容,可能包含演职员表等元信息,适合听障人士或者没有打开声音的人了解音频内容;

descriptions:视频描述信息,适合视障人士或者没有视频播放功能的终端打开视频时了解视频内容;

chapters:用于浏览器视频内容;

metadata:给代码提供的元信息,对普通用户不可见。

 标签属性属性值描述

defaultdefault规定该轨道是默认的。如果用户没有选择任何轨道,则使用默认轨道。

kindcaptions

chapters

descriptions

metadata

subtitles规定文本轨道的文本类型。

labeltext规定文本轨道的标签和标题。

srcURL必需的。规定轨道文件的 URL。

src属性用于指定字幕文件的存放路径,该属性是一个必须使用的属性。

src属性的属性值可以是一个绝对URL路径,也可以是一个相对URL路径。

srclanglanguage_code规定轨道文本数据的语言。

例如,srclang="en" 和srclang="zh-cn"分别表示字幕文件为英语和汉语。

注意:如果 kind 属性值是 "subtitles",则该属性是必需的。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值