<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:
<!-- Fluid Player CSS --> <link rel="stylesheet" href="https://cdn.fluidplayer.com/3.10.0/fluidplayer.min.css"> <!-- Fluid Player JavaScript --> <script src="https://cdn.fluidplayer.com/3.10.0/fluidplayer.min.js"></script> how to activate fluid player
fluidPlayer('my-video', layoutControls: primaryColor: "#e67e22" , vastOptions: adList: [ adTagUrl: "ad.xml" ] , playlist: [ title: "Intro", sources: [ src: "intro.mp4" ] ] ); If you want to create a player programmatically: Add a <video> element in the <body> of your page
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). Add a <