How To Activate Fluid Player -
| Option | Purpose | Example Value | |--------|---------|----------------| | layoutControls.primaryColor | Brand color | "#ff6600" | | layoutControls.playButtonShowing | Show/hide play button | true | | layoutControls.fillToContainer | Stretch to parent container | true | | vastOptions | Enable VAST ads | ["adTagUrl": "https://example.com/ad.xml"] | | playlist | Create a video playlist | ["title":"Video 1", "sources":[...]] | | chromecast | Enable Chromecast support | "enabled": true |
Check fluidplayer.com for the latest version number. Add a <video> element in the <body> of your page. Give it a unique id and specify your video source(s). how to activate fluid player
<script> var myFluidPlayer = fluidPlayer('my-video', // Configuration options (see Section 4) layoutControls: primaryColor: "#0099ff", playButtonShowing: true, fillToContainer: false ); </script> The player is now "activated" — it will replace the native HTML5 player with Fluid Player’s custom interface. 4. Common Activation Options (Configuration) You can pass a second argument to fluidPlayer() to enable advanced features: | Option | Purpose | Example Value |
| Option | Purpose | Example Value | |--------|---------|----------------| | layoutControls.primaryColor | Brand color | "#ff6600" | | layoutControls.playButtonShowing | Show/hide play button | true | | layoutControls.fillToContainer | Stretch to parent container | true | | vastOptions | Enable VAST ads | ["adTagUrl": "https://example.com/ad.xml"] | | playlist | Create a video playlist | ["title":"Video 1", "sources":[...]] | | chromecast | Enable Chromecast support | "enabled": true |
Check fluidplayer.com for the latest version number. Add a <video> element in the <body> of your page. Give it a unique id and specify your video source(s).
<script> var myFluidPlayer = fluidPlayer('my-video', // Configuration options (see Section 4) layoutControls: primaryColor: "#0099ff", playButtonShowing: true, fillToContainer: false ); </script> The player is now "activated" — it will replace the native HTML5 player with Fluid Player’s custom interface. 4. Common Activation Options (Configuration) You can pass a second argument to fluidPlayer() to enable advanced features: