Player
Embed the player, react to its events and match it to your brand
Getting started
Quickstart
Embed the player as a custom element or as an iframe
Examples
Sync video time and build a responsive container
Concepts
Element vs iframe
How to reach the player in each embed mode, and what the iframe does not expose
Player states
The states and properties that describe what the player is doing
API
Events
Every event the player emits, with its payload
Methods
Control playback, volume, fullscreen and URL parameters
Properties
Read the player state at any moment
Attributes
Markup attributes available on the custom element
Headline JS
Run custom JavaScript in a headline, including under CSP
Customization
CSS variables
Every variable, grouped by what it styles
Examples
Colors, rounded corners and a custom font
Responsive design
How the player adapts to the space it is given
Integrations
Iframe SDK
Connect to a player embedded in an iframe
URL conversion params
Carry conversion data through the URLs the player links to