video标签不加controls属性即可隐藏默认控制条；controls="false"等写法无效；pointer-events:none不能真正隐藏控件；需自定义ui时应移除controls并用js实现；autoplay+muted可实现静音自动播放。
video 标签加 controls 属性就显示控制条，不加就不显示
浏览器默认行为是：只要 <video></video> 标签没写 controls 属性，播放器界面就不会出现进度条、音量按钮、全屏按钮等所有控件。这是最简单也最可靠的隐藏方式。
常见错误是写了 controls="false" 或 controls="0" —— 这些值无效，只要属性存在，无论值是什么，浏览器都会启用控制条。
- ✅ 正确：
- ❌ 错误：
- ❌ 错误：
用 CSS 的 pointer-events: none 不能真正“隐藏”，只是禁用交互
有人尝试用 style="pointer-events: none;" 覆盖控制条，但这只让鼠标点不中控件，控制条本身仍会渲染出来（尤其在 Chrome 中，悬停时仍可能短暂浮现）。这不是隐藏，是遮蔽，且不可靠。
更关键的是：移动端 Safari 和部分 Android 浏览器会忽略该样式对 <video></video> 内置控件的影响，导致行为不一致。
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
- 不要依赖
pointer-events来“隐藏”控制条 - 它无法阻止用户长按视频唤出系统菜单（含播放/暂停选项）
- 对自动播放策略无任何影响
需要自定义控制条时，必须显式移除 controls 并自己实现
如果业务要求有播放/暂停按钮但不要原生进度条，那就得彻底放弃 controls，用 JS 操作 play()、pause()、currentTime 等 API，再用 HTML+CSS 手写 UI 元素。
此时要注意：video 元素本身不能响应点击触发播放（iOS Safari 和新版 Android 要求用户手势触发），所以自定义按钮必须绑定 click 或 touchstart 事件，并在其中调用 play()。
- 务必检查
play()返回的 Promise，捕获NotAllowedError - 避免在页面加载后立即调用
play()，否则多数浏览器会静音拦截 - 自定义进度条需监听
timeupdate和loadeddata事件来同步状态
autoplay + muted 是绕过控制条依赖的常见组合
很多场景下所谓“隐藏控制条”，真实需求其实是“自动播放且不打扰”。这时 autoplay 和 muted 是关键——它们让视频在不触发用户交互的前提下启动，同时规避了浏览器对有声自动播放的限制。
但注意：autoplay 不等于“一定会播”，它只是请求；是否生效取决于设备策略、用户设置、网络环境等。Chrome 甚至会对低参与度站点降级 autoplay 行为。
- ✅ 必须同时写：
autoplay和muted - ⚠️ 即使 muted，某些 iOS 版本仍要求首次触摸后才允许后续有声播放
- ❌ 不要加
controls，否则 autoplay 成功后控制条仍会暴露
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
