#浏览器支持

预计阅读时间: 3 分钟

Video.js 10 支持的浏览器以及如何处理较新的平台功能。

Video.js 10 目前针对 常青浏览器：Chrome、Firefox、Safari 和 Edge 的最新两个稳定版本。

#为什么选择常青浏览器？

Video.js 10 直接构建在 Web 平台之上：自定义元素、CSS 自定义属性、锚点定位和现代 JavaScript API。针对常青浏览器使我们能够：

• 提供更小的包 - 避免为过时的语法提供 polyfills 和转译
• 使用平台原生功能 - 如 popover 和锚点定位，而不是 JavaScript 等效物
• 保持核心精简 - 因此平台特定的适配器（HTML、React）只添加它们需要的内容

#渐进增强

当我们在尚未在所有支持的浏览器中落地的平台功能时，我们会提供回退。播放器无论如何都能工作；在旧浏览器中体验可能略有不同。例如，工具提示和弹出窗口在可用时使用 CSS 锚点定位，在不可用时回退到绝对定位。

#渲染上下文

#WebViews 和 PWAs

WebView 是嵌入在原生应用内部的浏览器引擎。iOS（WKWebView）和 Android（Android WebView）上的 WebView 行为与完整浏览器不同；自动播放策略、全屏 API 和硬件加速可能有所不同。通过"添加到主屏幕"安装的渐进式 Web 应用（PWA）也可能表现出类似的怪癖，因为它们也在有限的浏览器上下文中运行，而不是完整的浏览器标签页。

Video.js 10 Beta 仅针对标准浏览器环境。如果你在原生应用或 PWA 中嵌入播放器，请针对你的特定平台和运行时进行彻底测试。

#智能电视和机顶盒

电视平台运行具有有限标准支持的嵌入式浏览器。Video.js 10 的核心不依赖于任何特定平台，这使得未来的 TV 适配器成为可能，但 TV 目前不是支持的目标。

#服务端渲染

Video.js 组件在服务器上渲染有效的标记。交互性——状态管理、媒体播放和事件处理——需要浏览器，并在 hydration 后启动。

---

上一步： 使用 AI 构建

下一步： 功能特性