FluidPlayer With Logo Example Code

FluidPlayer With Logo Example Code

Here’s an example of using fluidplayer video with logo, in case anyone needs it. The documentation for FluidPlayer logo is here.

<video id='fp-core-video-0' src='https://cdn.fluidplayer.com/videos/valerian-480p.mkv' style='min-width:600px;min-height:380px;'>
</video>
<link rel="stylesheet" href="https://cdn.fluidplayer.com/v2/current/fluidplayer.min.css" type="text/css"/>
<script src="https://cdn.fluidplayer.com/v2/current/fluidplayer.min.js"></script>
<script>

fluidPlayer(
    'fp-core-video-0',
    {
        layoutControls: {
            logo: {
                imageUrl: 'https://niraeth.com/wp-content/uploads/2020/04/cute-dog-image.jpeg', // Default null
                position: 'top right', // Default 'top left'
                clickUrl: 'http://localhost/',
                opacity: 0.8, // Default 1
                mouseOverImageUrl: null,
                imageMargin: '10px', // Default '2px'
                hideWithControls: true, // Default false
                showOverAds: 'true' // Default false
            }
        }
    }
);
</script>