彻底隐藏原生字幕按钮的唯一可靠方法是移除controls属性，不写标签或用JS手动管理textTracks.mode；controlsList和CSS伪类均不可靠，因浏览器支持不一且仅提示性生效。
video 标签里怎么彻底隐藏原生字幕按钮？
原生字幕按钮（即右下角那个「字幕」图标）无法靠 controlsList 或 CSS 伪类可靠隐藏——它属于标准控件集合的一部分，只要写了 controls 属性，它就一定出现，且没有跨浏览器支持的隐藏开关。
真正有效的做法是：移除 controls 属性，然后自己决定要不要加字幕功能。如果你压根不需要字幕，连 <track></track> 标签都别写；如果需要但不想暴露按钮，则必须用 JavaScript 手动加载字幕轨道 + 自定义 UI 控制开关。
-
<track></track>标签存在但controls被移除 → 字幕不会自动显示，按钮也不会出现 -
controlsList="nostreams"在 Chromium 中可能抑制字幕按钮，但 Firefox/Safari 完全忽略，不能依赖 - 试图用
video::-webkit-media-controls-closed-captions-button { display: none }强制隐藏，会导致整个控件面板错位或失效，尤其在 Safari 下易崩溃
为什么 controlsList="nostreams" 失效或不一致？
因为 controlsList 是提示性属性，不是指令。浏览器只“考虑”是否响应，不保证执行。2026 年实测：Chrome 130+ 支持 nostreams，但仅当 controls 存在且至少有一个 <track kind="subtitles"></track> 时才可能隐藏按钮；Edge 同步 Chromium 行为；Firefox 无视该值；Safari 17+ 完全不识别。
更麻烦的是：即使按钮被“隐藏”，video.textTracks 依然可读写，用户仍可通过 DevTools 或扩展强行启用字幕——这不是样式问题，而是控件逻辑层未解耦。
立即学习“前端免费学习笔记（深入）”；
- 不要把
controlsList当作样式开关，它解决不了实际需求 - 若需隐藏字幕入口，唯一稳定路径是去掉
controls，再用 JS 管理textTracks[i].mode = 'hidden' | 'showing' - 注意 iOS Safari 对
textTracks的 mode 切换有延迟，需监听addtrack和change事件补全状态
自定义字幕开关按钮要处理哪些关键点？
手动实现字幕开关，不只是加个 <button></button> 调用 track.mode 那么简单。真实场景中，你得应对轨道加载时机、多语言切换、默认激活逻辑和无障碍支持。
- 必须等
video.readyState >= 2且video.textTracks.length > 0后再初始化 UI，否则textTracks可能为空数组 - 不同轨道的
kind值（subtitles/captions/descriptions）语义不同，UI 应区分显示，不能一概叫“字幕” - 设置
track.mode = 'showing'前，先检查track.mode !== 'disabled'，否则某些 Android WebView 会静默失败 - 给按钮加
aria-pressed和aria-label，否则屏幕阅读器无法感知当前状态
原生控件里还有哪些“看似能关、其实关不掉”的东西？
除了字幕按钮，画中画（PiP）按钮、下载按钮、溢出菜单（::-webkit-media-controls-overflow-button）也都面临同样困境：它们由浏览器内建逻辑驱动，CSS 伪类只能覆盖极小范围样式，无法移除交互或 DOM 节点。
比如你在 Chrome 里用 video::-webkit-media-controls-picture-in-picture-button { display: none }，看起来按钮没了，但点击视频空白处仍会触发 PiP —— 因为底层事件监听没被禁用。真正可控的只有两件事：是否渲染整套控件（靠 controls 属性），以及是否允许用户通过手势/快捷键唤起（靠 disablePictureInPicture 属性）。
-
disablePictureInPicture="true"是标准属性，所有现代浏览器支持，能真正禁用 PiP 入口 -
webkit-playsinline和playsinline影响全屏行为，但和控件可见性无关 - 所谓“隐藏下载按钮”，本质是服务端不提供
Content-Disposition: attachment响应头，前端无权干涉浏览器的另存为逻辑
最常被忽略的，是认为“控件不可见 = 功能被关闭”。其实只要 controls 存在，所有原生交互逻辑都在后台运行——包括键盘空格键播放、F 键全屏、Ctrl+Shift+D 下载。要真隔离，就得彻底移除 controls，并自己重实现每一条交互链路。
