Player Builder
Use the builder to see how easy it is to customize Fluid Player while seeing your changes in real-time in the video player
on the left, cut and paste the code created in the code generator box below the player to insert into your website
Advertising
Pre-roll URL
Mid-roll URL
Post-roll URL
On pause-roll URL
<script src="https://cdn.fluidplayer.com/v3/current/fluidplayer.min.js"></script>
<video id="video-id"><source src="video.mp4" type="video/mp4" />
<script>
var myFP = fluidPlayer(
'video-id', {
"layoutControls": {
"controlBar": {
"autoHideTimeout": 3,
"animated": true,
"autoHide": true
},
"htmlOnPauseBlock": {
"html": null,
"height": "400",
"width": "650"
},
"autoPlay": false,
"mute": true,
"allowTheatre": true,
"playPauseAnimation": true,
"playbackRateEnabled": true,
"allowDownload": true,
"playButtonShowing": true,
"fillToContainer": false,
"posterImage": "your-real-file-here.png"
},
"vastOptions": {
"adList": [
{
"roll": "preRoll",
"vastTag": "https://www.souhalahwal.tn/",
"adText": ""
},
{
"roll": "midRoll",
"vastTag": "https://www.souhalahwal.tn/",
"adText": ""
},
{
"roll": "postRoll",
"vastTag": "https://www.souhalahwal.tn/",
"adText": ""
},
{
"roll": "onPauseRoll",
"vastTag": "https://www.souhalahwal.tn/",
"adText": ""
}
],
"adCTAText": "Skip AD",
"adCTATextPosition": "top"
}
}
</script>