google-cast
Options for the Google Cast component that configures the receiver and load request
Adds Google Cast support to the player’s media. It renders nothing — place it inside the player as a sibling of the media element, and pair it with a CastButton. See Google Cast for how casting works.
Anatomy
import { GoogleCast } from '@videojs/react/media/google-cast';
<GoogleCast /><google-cast></google-cast>Register the element by importing @videojs/html/media/google-cast.
Options
| Prop | Type | Description |
|---|---|---|
receiver |
string |
Cast receiver application ID. Defaults to Google’s Default Media Receiver (CC1AD845) |
src |
string |
Source URL loaded on the receiver. Defaults to the source the browser is playing |
contentType |
string |
MIME type of the Cast source. When unset, the receiver infers it from the URL |
streamType |
'on-demand' | 'live' |
Stream type reported to the receiver. Falls back to the player’s stream type |
customData |
object |
Custom data sent to the receiver with each load request |
| 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 |
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.
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.