用途：本技能用于对 Brightcove 视频播放器做样式与界面完全自定义，覆盖控制栏、播放按钮、进度条、音量、字幕、播放列表、响应式尺寸与皮肤等元素。Brightcove 播放器基于 Video.js，每个可视元素都可通过 .vjs-* CSS 类定位。
主要能力与关键用法：
- 难点在于样式优先级（播放器自带样式表）以及 iframe 与页内嵌入的差异——iframe 播放器完全屏蔽内联 CSS。
- 始终使用物理 CSS 属性（width、height、top、left 等），不要用逻辑属性。
- 三种 ID 不可混淆：账号 ID（如 1752604059001）、播放器配置 ID（如 default）、HTML 元素 id（如 myPlayer，供 videojs.getPlayer() 使用）。CDN 脚本 URL 由账号 ID 与播放器配置 ID 组成：https://players.brightcove.net/{account_id}/{player_config_id}_default/index.min.js。
- 覆盖样式推荐同时使用未命名 @layer 与 !important，以胜过 Brightcove 注入的样式表和运行时内联样式。
- 建议用容器元素包裹 <video-js>，并加 skin="false" 关闭默认皮肤。
- 用设计令牌（--videojs-* 前缀）配合 OKLCH 与 color-mix 定义配色，用 color-scheme 与 light-dark() 实现明暗主题。
- 播放按钮用 clamp() 与 vi 单位做流式尺寸，用 top/left/transform 居中。
- 字幕 CC 按钮仅在存在文本轨道时出现；使用 data-video-id 时，应在 loadeddata 事件中用 addRemoteTextTrack() 添加，并采用 ensureTrack 模式去重；本地 file:// 会被浏览器拦截 .vtt，需用本地 HTTP 服务器。
- 播放列表、弹出菜单、右键上下文菜单（.vjs-contextmenu-ui-menu）、全屏按钮、时间显示、dock text 等均有对应选择器。
- 响应式可用 aspect-ratio 属性。
适用场景：需要深度定制 Brightcove 播放器视觉与交互的前端开发。
限制：未提供收费、价格、平台支持或效果保证等信息。