Web Player · v1

Web Player examples

Start with an iframe for simple embeds, a web component for declarative lifecycle, or the JavaScript object for custom controls. All three use a new otp and playbackInfo pair issued by your backend for the selected Project's ready Media Asset. Both Protection Modes share these interfaces.

For a responsive embed, give the container an aspect ratio and the iframe a descriptive title. For a playlist, keep one JavaScript object and call loadVideo with a new pair before each item. Subscribe to ready, error, and media events, and unsubscribe during teardown.

The full verified integration examples, compatibility guide, troubleshooting guide, and additional language samples are tracked as follow-up work. Do not place an API Secret in HTML, JavaScript bundles, or a Viewer request.