ReferenceExtensions

google-cast

Options for the Google Cast extension that configures the receiver and load request

Adds the Google Cast extension to the player. It renders nothing — place it anywhere inside the player, and pair it with a CastButton. It follows whatever media the player attaches, a plain <video> included. See Cast to AirPlay and Chromecast for the complete setup.

Import

pnpm add @videojs/html @videojs/google-cast

import '@videojs/html/extensions/google-cast';

Or load it from the CDN:

<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.1/extensions/google-cast.js"></script>

Anatomy

<google-cast></google-cast>

Options

Attribute	Property	Description
`receiver`	`receiver`	Cast receiver application ID. Defaults to Google’s Default Media Receiver (`CC1AD845`)
`src`	`src`	Source URL loaded on the receiver. Defaults to the source the browser is playing. Required for YouTube and Vimeo embeds
`content-type`	`contentType`	MIME type of the Cast source. When unset, the receiver infers it from the URL
`stream-type`	`streamType`	Stream type reported to the receiver. Falls back to the player’s stream type
—	`customData`	Custom data sent to the receiver with each load request

customData takes an object, so it’s a property only, with no matching attribute. Set it on the element, typed as the GoogleCastExtension class that @videojs/html/extensions/google-cast exports.

When the Cast src is an HLS playlist, Video.js detects the segment format and sets the receiver’s hlsSegmentFormat and hlsVideoSegmentFormat load-request fields. The Default Media Receiver plays HLS natively, so no extra receiver setup is needed.

Import

Anatomy

Options

See also