You have two ways to do this: using a CDN (Content Delivery Network) or self-hosting the files.
3 easy steps to integrate in-stream advertising with Fluid Player
fluidPlayer('my-fluid-video', layout: cast: true, // Activates Chromecast button airplay: true // Activates AirPlay button (Safari only) how to activate fluid player
<!DOCTYPE html> <html> <head> <title>Fluid Player Demo</title> <link rel="stylesheet" href="https://cdn.fluidplayer.com/3.10.0/fluidplayer.min.css"> </head> <body> <div style="max-width: 800px; margin: auto;"> <video id="demo-video" controls> <source src="https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" type="video/mp4"> </video> </div> <script src="https://cdn.fluidplayer.com/3.10.0/fluidplayer.min.js"></script> <script> fluidPlayer('demo-video', layoutControls: primaryColor: "#28a745", fillToContainer: true
include the library, add a <video> element, and call fluidPlayer() with the element’s ID. No license keys or server-side setup are required. For advanced use (ads, playlists, Chromecast), refer to the official documentation at docs.fluidplayer.com . You have two ways to do this: using
<video id="my-fluid-video" width="800" height="450" controls> <source src="path/to/your/video.mp4" type="video/mp4" /> <!-- Fallback text for old browsers --> Your browser does not support the video tag. </video>
: Configure global player settings, such as autoplay or theater mode, directly within the plugin's admin settings to apply them across your site. Customization & Advanced Features For advanced use (ads, playlists, Chromecast), refer to
</body> </html>