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实现微信拍摄上传照片的功能

利用html5实现文件异步上传功能代码实例

html5新知识

html5 canvas学习的实例介绍

html5离线存储知识详解

h5移动端 超实用的css3模拟边框最新研究示例代码

h5的本地存储之indexeddb

如何使用html5+css3实现粒子效果文字动画特效(附完整代码)

零基础学习html5

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




打赏

取消

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

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

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

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

评论

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