brightcove-player
Installation
SKILL.md
Brightcove Player Customization
Brightcove players are built on Video.js. Every visual element is targetable via .vjs-* CSS classes. The tricky parts are specificity (the player ships with its own stylesheet) and the iframe vs. in-page embed split (iframe players block inline CSS entirely).
Always use physical CSS properties (width, height, max-width, top, left, etc.) — never logical properties (inline-size, block-size, inset-inline-start, etc.). Video.js itself uses physical properties throughout, and mixing logical properties into overrides creates inconsistency and can cause specificity surprises.
Player script URL and ID terminology
Brightcove uses three distinct IDs that are easy to confuse:
| Term | What it is | Example |
|---|---|---|
| Account ID | Numeric Brightcove account identifier | 1752604059001 |
| Player config ID | The player configuration created in Studio | default (or a UUID) |
| HTML element id | The id attribute on <video-js> — used by videojs.getPlayer() |
myPlayer |
The CDN script URL is built from the account ID and player config ID — not the HTML element id: