HTML中“字幕残留”实为video.textTracks中track.mode未设为"disabled"所致，需遍历并显式设置mode="disabled"，而非仅删除DOM节点。
HTML 中没有“字幕残留”这个概念，得先确认是不是
浏览器里看到的“残留字幕”，99% 是视频元素 下挂载的 没被正确移除或禁用。它不渲染在 DOM 主流流里，但会持续叠加在视频画面上——哪怕你删了 元素，只要 track.mode 还是 "showing"，字幕就还在。
实操建议：
- 别只靠
removeChild()或innerHTML = ""清 DOM，得同步操作track.mode = "disabled" - 如果用了多个
，遍历video.textTracks列表，逐个设mode - 注意：直接删 DOM 节点不会自动改
mode，旧 track 对象仍存在于textTracks中（只是kind === "metadata"时可能不可见）
用 JavaScript 主动关闭所有字幕轨道，比删标签更可靠
是惰性加载、状态独立的媒体轨道，DOM 移除 ≠ 功能停用。真正起效的是 TextTrack.mode 属性。
推荐写法：
const video = document.querySelector('video');
video.textTracks.forEach(track => {
if (track.kind === 'subtitles' || track.kind === 'captions') {
track.mode = 'disabled'; // 不是 'hidden'，也不是 null
}
});
关键点：
-
mode只接受三个值："disabled"（关闭）、"hidden"（隐藏但保持监听）、"showing"（显示） -
"hidden"仍会解析字幕数据，可能影响性能；清字幕必须用"disabled" - 某些老版本 Safari 对动态设置
mode响应慢，可加video.load()强制重置轨道状态（慎用，会中断播放）
避免初始化阶段就埋雷：动态添加 mode
很多“残留”其实源于一开始就没关——比如用 JS 插入 后没显式设 mode，浏览器按规范默认为 "disabled"，但一旦用户手动开启过一次，后续即使 DOM 重建，textTracks 缓存里的状态可能延续。
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
安全做法：
- 插入前就指定
track.mode = "disabled"，不要依赖默认值 - 用
video.addTextTrack()创建轨道时，第三个参数传"disabled"：video.addTextTrack('subtitles', '', 'disabled') - 服务端下发字幕文件时，确保 VTT 文件本身无语法错误（如漏写
WEBVTT头），否则部分浏览器会静默启用 fallback 字幕逻辑
真遇到“删了还显示”，检查是否被 WebVTT 解析器或扩展劫持
极少数情况，字幕不是来自页面内的 ，而是：
- 浏览器内置字幕功能（如 Chrome 的“实时字幕”系统级开关，路径：
chrome://settings/accessibility） - 第三方插件注入的字幕层（例如某些翻译扩展会自己 fetch 并 overlay DOM 元素）
- CDN 或代理返回了带字幕的封装视频（如 DASH 的 embedded captions），此时清除 HTML 无效
排查命令行提示：
console.log(video.textTracks); // 看长度和 mode 值 console.log([...video.textTracks].map(t => [t.kind, t.mode, t.label]));
如果输出里有非 "disabled" 的项，或者长度异常（比如该只有 1 条却显示 3 条），说明轨道管理失控——这时候清 DOM 标签根本没用，得从 textTracks 接口入手。
复杂点在于：不同浏览器对 textTracks 的生命周期管理不一致，Safari 可能缓存已移除 track，Firefox 在 src 改变后才重置。别信“删完就干净”，得亲手关。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
