# Chromecast plugin

The Chromecast plugin adds support for casting your videos to a Chromecast device.

## Before you start

Before you use this plugin with the standalone player, we recommend the following steps:

* Read about [embedding the core player](https://developer.wowza.com/docs/wowza-flowplayer/player/embed/embed-with-standalone/) in your site by adding the minimum CSS and JavaScript player components.
* Make sure you have a player token. For more, see [Token configuration](/docs/wowza-flowplayer/player/configure/#token-configuration). Tokens aren't needed for local development.
* The instructions on this page assume you're using the Wowza Flowplayer CDN to embed the player in your site.


## Install the plugin

To create a custom player with Chromecast suport, include the plugin next to the core player:


```html
<!-- Load standard player skin -->
<link rel="stylesheet" href="https://cdn.flowplayer.com/releases/native/3/stable/style/flowplayer.css">
<!-- Load player script -->
<script src="//cdn.flowplayer.com/releases/native/3/stable/flowplayer.min.js"></script>
<!-- Load Chromecast plugin -->
<script src="//cdn.flowplayer.com/releases/native/3/stable/plugins/chromecast.min.js"></script>
```

Info
You can only cast from **HTTPS** sites. Insecure websites don't display the cast icon.

## Configure the plugin

The plugin can be set up at the top-level configuration under the `chromecast` namespace.

| Property | Description |
|  --- | --- |
| `app` *string* | The application ID the Chromecast receiver should use to display content. Default value is **flowplayer.chromecast.apps.STABLE**. For more, see [Override the app property](http://localhost:3000/docs/wowza-flowplayer/plugins/chromecast/#override-the-app-property). |
| `crossOrigin` *boolean* | Turns off anonymous crossorigin requests and instead, sends cookies. Default value is **false**. |
| `hlsSegmentFormat` *string* | Defines the format for an HLS audio segment. Default value is **ts**. For more, see HlsSegmentFormat. |
| `hlsVideoSegmentFormat` *string* | Defines the format for an HLS video segment. Default value is **mpeg2_ts**. For more, see HlsVideSegmentFormat. |


### Example


```javascript
flowplayer("#player", {
  src: "example.flowplayer.com/fake.m3u8",
  token: "[your-player-token]",
  chromecast: {
    app: flowplayer.chromecast.apps.CANARY,
    hlsSegmentFormat: "ts",
    hlsVideoSegmentFormat: "mpeg2_ts"
  }
});
```

### Override the app property

Wowza Flowplayer offers the two public applications listed in the following table.

| Name | Symbol location | Description |
|  --- | --- | --- |
| **stable** | flowplayer.chromecast.apps.STABLE | The stable release for our Chromecast Receiver application. |
| **canary** | flowplayer.chromecast.apps.CANARY | the canary release for our Chromecast Receiver application. This is the latest beta release that's perfect for testing your code base against what we may soon release to production. |


If you have your own CAF Receiver Application registered with Google, you can override the `app` property and application ID.

info
When integrating your own CAF Receiver Application, not all features may be available.