Skip to content

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>
 
Enjoyed the content ? Share it with your friends !
Published inDevelopmentProgramming

Be First to Comment

Leave a Reply

Your email address will not be published.