HTML <track> 标签

炫客网 • • 炫客网 • 技术文档 • 阅读 545
赞助

实例

播放带有字幕的视频：

<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 元素之类的媒介规定外部文本轨道。

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

浏览器支持

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

HTML 4.01 与 HTML 5 之间的差异

<track> 标签是 HTML 5 中的新标签。

属性

new : HTML5 中的新属性。

属性 值 描述
default default 规定该轨道是默认的，假如没有选择任何轨道。
kind captions
chapters
descriptions
metadata
subtitles		 表示轨道属于什么文本类型。
label label 轨道的标签或标题。
src url 轨道的 URL。
srclang language_code 轨道的语言，若 kind 属性值是 “subtitles”，则该属性必需的。
1、本站所有资源来源于用户上传和网络，版权争议与本站无关，版权归原创者所有，如有侵权请邮件联系我们！
2、分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
3、不得使用于非法商业用途，商用请购买正版，不得违反国家法律。否则后果自负！
4、本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
5、如有链接无法下载、失效或广告，请联系管理员处理！
6、本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！
7、不保证所有资源都完整可用，不排除存在加密、BUG、需要授权或者残缺的可能，由于资源的特殊性，下载后一律不予退货！
8、本文来自炫客网搜集整理，如有侵权请联系管理员删除，转载请注明出处：https://www.ackw.cn/4044.html
赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
炫客网炫客网管理团队
0
上一篇 2022-03-07 22:40
下一篇 2022-03-07 22:45
赞助

猜你喜欢

联系我们

173-662-005

在线咨询： QQ交谈

邮件：woowuo@126.com

工作时间：周一至周五，10:30-18:30，节假日休息

关注微信
1、本站所有资源版权归原创者所有，如有侵权请邮件联系我们！
2、分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
3、不得用于非法商业用途，商用请购买正版，不得违反国家法律，否则后果自负！
4、本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
5、如有链接无法下载、失效或广告，请联系管理员处理！
6、本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！
7、不保证所有资源都完整可用，不排除存在加密、BUG、需授权或者残缺的可能。
8、由于资源源码的特殊性及可复制性，购买后一律不予退货，请谨慎选购。
我已知晓并同意