HTML ＜track＞ 标签

最新推荐文章于 2024-08-08 10:33:11 发布
最新推荐文章于 2024-08-08 10:33:11 发布
阅读量757 收藏 1
点赞数
分类专栏： # python语言基础 文章标签： html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mask5726/article/details/132700897
版权
本文介绍了HTML中的＜track＞标签，主要用于为视频元素添加外部文本轨道，支持字幕显示。虽然目前主流浏览器对该标签的支持有限，但它在HTML5中是新增的功能。
摘要由CSDN通过智能技术生成

实例

播放带有字幕的视频：

<video width="320" height="240" controls="controls">
  <source src="forrest_gump.mp4" type="video/mp4" />
  <source src="forrest_gump.ogg" type="video/ogg" />
  <track kind="subtitles" src="subs_chi.srt" srclang="zh" label="Chinese">
  <track kind="subtitles" src="subs_eng.srt" srclang="en" label="English">
</video>

定义和用法

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

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

浏览器支持

元素 Chrome IE Firefox Safari Opera
<track> 23.0 10.0 31.0 6.0 12.1

浏览器支持

目前所有主流浏览器都不支持 <track> 标签。

了解本专栏 订阅专栏 解锁全文 超级会员免费看
玄链教育
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
订阅专栏
Http状态码大全（404、500、505等）
angelo_gs的博客
04-01 6万+
基本涵盖了所有问题 HTTP 400 – 请求无效 HTTP 401.1 – 未授权：登录失败 HTTP 401.2 – 未授权：服务器配置问题导致登录失败 HTTP 401.3 – ACL 禁止访问资源 HTTP 401.4 – 未授权：授权被筛选器拒绝 HTTP 401.5 – 未授权：ISAPI 或 CGI 授权失败 HTTP 403 – 禁止访问 HTTP 403 – 对 Inter...
HTML <track> 标签
追梦猪的博客
09-29 218
实例播放带有字幕的视频：<videowidth="320"height="240"controls="controls"> <sourcesrc="forrest_gump.mp...
无涯教程-HTML - ＜track＞属性
无涯教程
04-20 800
HTML <track>标签用于为<audio>和<video>标签定义标题，字幕和其他内容。
html5中track,W3C HTML5标准阅读笔记 - source、track
weixin_33501543的博客
06-21 302
HTML5中，source标签用于定义音视频的来源，而track标签则用于为多媒体文件定义字幕等外部辅助文本。sourcesource标签用于定义音频、视频的源文件，使用时作为video/audio的子标签来发挥作用。与video/audio的src属性相比，使用source标签有一个好处：可以对同一个video/audio定义多个多媒体源。这样，当第一个多媒体源文件不可用时，浏览器会试图使用第二...
私有IP地址范围
云淡风轻
09-05 3万+
私有（内网）IP地址范围： A类：10.0.0.0-10.255.255.255 B类：172.16.0.0-172.31.255.255 C类：192.168.0.0-192.168.255.255
IP地址和子网掩码的关系, 如何计算网络地址？
热门推荐
回家养老
05-17 16万+
一、IP地址 电脑之间要实现网络通信，就必须要有一个合法的ip地址。IP地址=网络地址+主机地址，（又称：主机号和网络号组成）ip地址的结构使我们可以在Internet上很方便的寻址。ip地址通常用更直观的，以圆点分隔号的四个十进制数字表示，每个数字从0到255，如某一台主机的ip地址为：128.20.4.1在局域网里，同样也需要ip地址，一般内网的ip地址是以192.168开头的，这样...
css渐变颜色linear-gradient(red, blue)方向90deg -90deg 默认 left
qlin_11的博客
08-09 6773
渐变颜色方向90 -90
html track标签,HTML track标签
weixin_39564527的博客
06-29 297
本文概述HTML 标记用于为媒体文件定义基于时间的文本轨道。 标记必须用作和元素的子元素。标记用于添加字幕, 标题或播放媒体文件时显示的任何其他形式的文本。HTML 是HTML5中的新标记。句法以下是有关HTML 标记的一些规范DisplayNone开始日期/结束日期Only start tag(End tag forbidden)UsageHTML媒体例HTML track TagExample...
track 字幕 html5,HTML5标签：track元素的使用方法及作用
weixin_36176386的博客
05-31 593
html元素 标签是html5新增的标签，用于定义媒体资源有关的文本信息，有关 标签的使用方法及作用详细介绍如下： 标签的定义 标签可以把外部文本文件链接到或定义的媒体资源上；标签为或提供不同语言的字幕或不同的外部文本文件；标签是空元素，也是单标签，即只有开始标签，没有结束标签；标签必须作为子元素写在或元素的内部；标签可以在或元素内部定义多个元素： 标签是 HTML 5 中的新标...
vi/vim 删除：一行, 一个字符, 单词, 每行第一个字符 命令
lcj_cjfykx的专栏
06-12 6万+
http://dsec.pku.edu.cn/~jinlong/vi/Vi.html x 删除当前光标下的字符 dw 删除光标之后的单词剩余部分。 d$ 删除光标之后的该行剩余部分。 dd 删除当前行。 c 功能和d相同，区别在于完成删除操作后进入INSERT MODE cc 也是删除当前行，然后进入INSERT MO
生产者消费者模型---详解及代码实现
lvxin15353715790的博客
04-09 4万+
概念 生产者消费者模式就是通过一个容器来解决生产者和消费者的强耦合问题。生产者和消费者彼此之间不直接通讯，而通过阻塞队列来进行通讯，所以生产者生产完数据之后不用等待消费者处理，直接扔给阻塞队列，消费者不找生产者要数据，而是直接从阻塞队列里取，阻塞队列就相当于一个缓冲区，平衡了生产者和消费者的处理能力。这个阻塞队列就是用来给生产者和消费者解耦的。 321原则 三种角色：生产者、消费者、仓库 两种关...
解决：502 bad gateway
竖琴螺Harper'blog
11-17 5万+
转自：http://my.oschina.net/junn/blog/147923 502 Bad Gateway服务器作为网关或者代理时，为了完成请求访问下一个服务器，但该服务器返回了非法的应答。 解决办法是：再刷新一下网页或清理一下电脑的缓冲文件在打开你想打开的网页就好了.（一般情况下，这种办法是行得通的，但也不排除你所访问的网页被屏蔽的可能，如果你所访问的网页被屏蔽的话，就不管你
es6实现发布订阅
sinat_35308384的博客
03-14 628
const _pond = Symbol(); class Subscribe { constructor() { this[_pond] = new Map(); } add(key, fn) { if (typeof key != "string" && typeof fn != "function") { ...
js发布订阅者模式es6实现及其图解
一袋米要扛几楼_
07-04 2441
直接上代码 //主题 class Dep{ constructor(callback){ this.subs=[]; //每个主题更新数据的方法不一样，所以需要传进来 this.callback=callback; } addSub(sub){ this.subs.push(sub); return this; } notify(){...
HTML track 标签
sxysoft_csdn的博客
08-20 245
HTML track 标签 <track> 标签为诸如 video 元素之类的媒介规定外部文本轨道。 用于规定字幕文件或其他包含文本的文件，当媒介播放时，这些文件是可见的。 更详细的信息请参考引用： http://www.xinbiancheng.cn/tags/5f3a81855dbb8a6ce1bba7dd.html ...
创建一个简单的贪吃蛇游戏：HTML、CSS和JavaScript教程
最新发布
Mr_Zhangyuge的博客
08-08 1535
在本教程中，我们将逐步构建一个简单的贪吃蛇游戏。这个项目适合初学者，可以帮助你理解HTML、CSS和JavaScript的基础知识，并掌握如何将它们结合起来创建一个完整的游戏。
HTML标签英文解释：基础篇
"这篇文档是关于HTML标签的英文...106. <track>: 为媒体元素定义字幕、章节等轨道。 107. <u>: 下划线文本，HTML5中不推荐使用，除非语义上合适。 108. <ul>: 无序列表，使用项目符号排序。 109. <var>: 表示变量名，常
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值