html5 track标签是什么意思?html5 track标签的使用方法介绍


本文摘自PHP中文网,作者寻∝梦,侵删。

本篇文章为大家介绍了关于html5 track标签的定义及其使用方法,还有关于html5 track标签的可选属性的一些描述,希望大家能都认真读完这篇文章。

html5 track标签的定义和用法:

<track> 标签为诸如 video 元素之类的媒介规定外部文本轨道。

用于规定字幕文件或其他包含文本的文件,当媒介播放时,这些文件是可见的。

html5<track>标签可选的属性:

  • default:默认轨道。(值:default)。default属性用于通知浏览器在用户没有选择使用其他字幕文件的时候可以使用当前 track文件

  • kind:文本轨道的文本类型(值:captions、chapters、descriptions、metadata、subtitles)。kind属性用于指定字幕文件(即用于存放字幕、章节标题、说明文字或元数据的文件) 的种类。可以对kind属性指定的属性值为subtitles、captions、descriptions、chapters与metadata

  • label:文本轨道的标签和标题(值:text)。

  • src:轨道文件的URL,必选属性(值:URL)。src属性用于指定字幕文件的存放路径,该属性是一个必须使用的属性。src属性的属性值可以是一个绝对URL路径,也可以是一个相对URL路径。

  • srclang:轨道文本数据的语言。(值:language_code )。srclang属性用于指定字幕文件的语言。例如,srclang="en" 和srclang="zh-cn"分别表示字幕文件为英语和汉语。

<track>标签支持html全局属性和html事件属性

html5 track标签的格式:

1

<track src="URL">

HTML5 <track> 标签实例

带有两个字幕轨道的视频:

1

2

3

4

5

6

7

8

<video width="320" height="240" controls>

<source src="forrest_gump.mp4" type="video/mp4">

<source src="forrest_gump.ogg" type="video/ogg">

<track src="subtitles_en.vtt" kind="subtitles" srclang="en"

label="English">

<track src="subtitles_no.vtt" kind="subtitles" srclang="no"

label="Norwegian">

</video>

html5中的Track 对象

阅读剩余部分

相关阅读 >>

使用html5捕捉音频与视频信息概述及实例

介绍一个用html5 canvas 制作的时钟

html5 canvas画布详解(一)

如何使用html5 canvas绘制线条

html5怎么嵌入视频

html5新特性之跨文档消息传输详解

h5history 模式的实例教程

xhtml和html5的区别是什么

html5中在用户可以开始播放视频/音频时触发的事件oncanplay

h5的filereader分布读取文件应该如何使用以及其方法简介

更多相关阅读请进入《track》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...