产品#代码智能体

Video.js 10 正式发布:五大播放器项目合体重写

Video.js 10 于 2026-10-01 正式发布:五个播放器项目合体重写,官方称默认包比 v8 小约 60%,npm 主包暂仍是 v8。

Video.js 10 官方公告题图,深色背景上的 VideoJS 字样与 V10 IS GA 标语,底部一道橙红复古条纹

视频播放器这个老领域完成了一次少见的整合:2026 年 10 月 1 日,Video.js 10.0.0 正式版发布。这次发布把 Video.js、Plyr、Vidstack、Media Chrome 和 Mux Player 五个播放器项目的开发力量合到一处、从零重写,由 Video.js 原作者 Steve Heffernan 在他所在的 Mux 公司主导。据官方 RC 阶段基准,v10 默认包(含自适应流媒体)比 v8 小约 60%。不过截至 2026-10-12,npm 上的 video.js 主包仍停留在 v8(10 月 6 日刚发 v8.24.2),v10 以 @videojs/react、@videojs/html 等新包名分发——想清楚再迁,是这次发布给所有团队的前提。

要点

  • Video.js 10.0.0 于 2026-10-01 GA,是五个播放器项目(Video.js、Plyr、Vidstack、Media Chrome、Mux Player)的合体重写;官方 beta 公告称这些项目合计约 7.5 万 GitHub star、每月支撑数百亿次播放。
  • 官方数据:v10 默认包比 v8 小约 60%(含流媒体,RC 基准);beta 期对比 v8 全量默认包曾报 88%,剔除 ABR 后为 66%——两组数字基线不同。
  • v10 是重写而非升级,不兼容全部 v8 API;SPF 流媒体引擎暂不支持广告与真低延迟直播,这些场景仍走 HLS.js 组件。

背景

Video.js 由 Steve Heffernan 于 2010 年创建,最初是为了帮开发者从 Flash 视频迁到 HTML5,此后多年由 Brightcove 维护。转机出现在 2025 年 10 月底:Heffernan 所在的视频云公司 Mux 发文宣布重建 Video.js,随后 Plyr、Vidstack、Media Chrome、Mux Player 的维护者在 2026 年 1 月至 3 月间相继宣布并入,beta 于 2026-03-10 放出。社区热度集中在重构早期:3 月 24 日 beta 帖登上 Hacker News 时拿到 648 分、137 条评论;而 10 月 6 日的 GA 帖只有 4 分、0 条评论。Plyr 作者 Sam Potts 这次负责设计了 v10 的新皮肤。

事实部分

官方公布的核心数据集中在体积与架构。据 GA 公告(2026-10-01),v10 把状态、UI、媒体拆成可自由组合的部分,未用到的能力不进包;新的 SPF 流媒体组合框架是体积下降的主要来源,但广告和真低延迟直播还没支持,这些场景由 HLS.js 驱动的 HlsJsVideo 组件兜底,播放器和流媒体引擎可以分开选型。

对比项v8v10来源
默认完整包(含自适应流媒体)基准小约 60%GA 公告 RC 基准,2026-10
默认 HTML 播放器 min / gzip260.5 kB / 75.2 kB97.4 kB / 25.1 kBbeta 公告,2026-03
React 最小播放器 gzip—小于 5 kBbeta 公告,2026-03
SPF 流媒体引擎 gzip—12.1 kB(约为 HLS.js-light 的 12%)beta 公告,2026-03

分发方式也变了:v10 走 @videojs/react、@videojs/html 等新包(@videojs/react 最新版 10.0.1,2026-10-02 发布),支持 React 组件与 Web Components 两套用法,TypeScript 和 Tailwind 一等公民;视频来源覆盖 HLS、DASH、YouTube、Vimeo、Mux 与 Cloudflare Stream。皮肤系统按 shadcn 的思路做——官方皮肤(Default、Neutral、面向旧浏览器的 Compat,Compat 把支持底线放回 Safari 16)可以经 CLI 把源码直接拷进项目改。仓库数据:截至 2026-10-12,videojs/video.js 约 4 万 star,TypeScript 编写,Apache 2.0 协议。

各方说法

社区反应冷热不均。Hacker News 上 beta 帖(2026-03-24,648 分)把“拿回 Video.js 重写”当故事看,GA 帖(2026-10-06)则几乎无人讨论。实际采用已有先例:教育视频服务商 Torah Live 在 9 月 23 日的 GitHub 讨论区称已在生产环境运行 v10。合作方的口径一致——Mux 的系列博客把五个项目描述为“一个未来”,Plyr、Vidstack、Media Chrome 的维护力量已并入 v10 开发。中文技术自媒体“前端开发爱好者”10 月 12 日发文,重点放在体积下降和 AI 编程支持上,并提醒老项目升级前先读迁移指南。需要注意的一个事实差异:官方从未公布 GA 版的 star 合计数,“约 7.5 万 star”出自 3 月的 beta 公告,引用时应注明时间。

编辑判断

Video.js 10 对谁都有吸引力,但不是谁都应该现在迁。Vidstack、Media Chrome、Mux Player 的用户没有太多选择——这些项目的维护力量已经并入 v10,长期看只有这一条路;新项目可以直接从 @videojs/react 起步,官方还提供了面向编码代理的 Skill(npx @videojs/cli agents skills),让 Claude Code、Codex 这类工具按版本文档写播放器代码——播放器项目官方下场做 Agent Skill,与我们此前横评的 10 个视频 Agent Skill 正好是同一股趋势。而 v8 深度定制用户和需要广告、低延迟直播的团队不妨再等:npm 主包切换时间未公布,SPF 的广告支持官方只说到“2026 年内”。还有一个容易被忽略的点:GA 公告的 60% 与 beta 公告的 88% 是不同基线(是否含流媒体),转引体积数字时得带上口径,否则就是误导。

怎么试

新项目装 React 组件包,流媒体引擎按需选配:

npm install @videojs/react
npm install @videojs/dash-video   # 用 DASH 时才需要

v10 的文档自带面向大模型排版,装完依赖后 node_modules/@videojs/react/docs/llms.txt 即为索引;官方建议让 AI 编码代理先读这份版本文档再动手。已有 v8 项目的迁移,官方提供了针对 Video.js v8、Plyr、Media Chrome、Vidstack、Mux Player 五份指南。