能，但微信安卓X5内核默认不显示字幕控件，即使track存在也无法唤出语言菜单；需降级为Canvas或DOM叠加字幕并手动同步。

手机端全屏时 track 标签是否还能显示字幕？

能，但取决于播放器是否启用原生控件、用户是否手动开启，以及浏览器对 track 的渲染策略。iOS Safari 和 Android Chrome 在全屏模式下仍会渲染 subtitles 轨道，前提是：track 已声明 kind="subtitles" 且 mode 被设为 "showing"；但微信安卓（X5 内核）默认不显示字幕控件，即使 track 存在也无法唤出语言菜单。

track 在 iOS 全屏下的常见失效场景

iOS Safari 对字幕的控制逻辑非常保守，以下情况会导致字幕“存在但不可见”：

• video 没加 controls 属性 → 即使有 track，系统不提供字幕开关入口
• track 缺少 label 属性 → Safari 字幕菜单中不显示该语言选项（仅靠 srclang 不够）
• 多个 track 都设了 default → 浏览器忽略全部，最终无默认激活轨道
• WebVTT 文件含 BOM 或非 UTF-8 编码 → iOS 解析失败，textTracks 列表为空，mode 始终为 "disabled"

安卓微信 X5 内核对 track 的特殊限制

安卓版微信 WebView（X5 内核）不支持通过右键或控件栏调出字幕菜单，track 标签本身被解析，但 UI 层完全屏蔽。这意味着：

Article To Html

文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。

下载

• video.textTracks 可读取到轨道，但 mode 无法设为 "showing"（静默失败，无报错）
• 即使 JS 执行 track.mode = "showing"，字幕也不会渲染在视频画面上
• 唯一可行路径是：放弃原生 track，改用 Canvas 或绝对定位 DOM 元素叠加字幕，并监听 timeupdate 手动同步
• 若必须用 track，需 UA 判断后对 X5 内核降级——移除所有 track，改由 JS 加载 .vtt 并绘制

如何验证 track 在真机上是否生效？

别只看桌面 Chrome 模拟，真机调试要抓三个关键点：

立即学习“前端免费学习笔记（深入）”；

• 在 Safari / 微信中打开开发者工具（Safari 启用「开发 → iPhone」，微信用 vConsole 或腾讯 weinre），执行 console.log(videoEl.textTracks)，确认列表非空且 mode 值为 "showing"
• 检查 videoEl.textTracks[0].kind 是否为 "subtitles"（"captions" 在部分安卓机上不触发渲染）
• 用 ffprobe -v quiet -show_entries stream=codec_name -of default=nw=1 input.vtt 2>/dev/null 确保 .vtt 是纯文本、无 BOM、首行为 WEBVTT
• 在 iOS 上长按视频 → 若出现「字幕」子菜单，说明基础链路通；若无，则问题出在 label 或 controls

最易被忽略的是：移动端字幕不是“写了就显示”，它依赖播放器 UI 的主动支持，而这个支持在 X5 和部分定制浏览器里根本不存在。