track.mode === 'showing' 且 track.readyState === 2 才表示字幕真正激活并显示；仅 mode 为 showing 不足，因用户未手动启用或资源未加载完成时会自动回退到 disabled。

track.mode 是否等于 'showing' 不代表它真在显示

直接读 track.mode === 'showing' 是最常见误区。浏览器只允许用户手动启用的轨道进入 showing 状态；哪怕你用 JS 设置了 track.mode = 'showing'，只要该轨道没被用户在播放器菜单里点过一次，它就会立刻回退到 disabled —— 且不报错、不提示。

真正有效的判断逻辑必须结合两个条件：

• track.mode === 'showing'（当前模式）
• track.readyState === 2（资源已加载完成，LOADED）

缺一不可。如果 readyState 还是 0（NONE）或 1（LOADING），即使 mode 是 showing，字幕也绝不会出现。

为什么 video.textTracks[n].mode 可能始终是 'disabled'

这不是代码写错了，而是轨道根本没被“授权启用”。浏览器把 track 的激活权交给用户 UI：右键视频 → “字幕”菜单 → 勾选某条轨道，这时它才获得 showing 权限。

HTML Text Extract

从HTML页面（URL、文件或标准输入）中提取主体内容文本，去除导航、页脚、广告和模板文本。可直接传递给readability_check或其他文本工具。

下载

常见触发失败场景：

• 没写在 内部，或插在 中间 → video.textTracks.length 为 0
• srclang 值非法（如 "chinese" 或 "zh_CN"）→ 轨道被忽略，不出现在菜单中
• VTT 文件 404 或返回 text/plain MIME 类型 → readyState 卡在 0 或 3（ERROR）
• 本地双击打开 HTML（file:// 协议）→ 所有 src 请求被拦截，readyState 永远是 0

可靠检测激活状态的最小代码片段

别依赖单次读取，要监听变化 + 等待就绪：

textTracks.onchange

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！