Flowplayer · Logo on the right

<head/>

For smoother HLS playback in modern browsers we load the hlsjs plugin.

<!-- Flowplayer library -->
<script src="//releases.flowplayer.org/7.1.0/flowplayer.min.js"></script>
<!-- Flowplayer hlsjs engine (light) -->
<script src="//releases.flowplayer.org/hlsjs/flowplayer.hlsjs.light.min.js"></script>

HTML

<style>

.flowplayer {
background: url(//flowplayer.com/media/img/demos/functional.jpg) no-repeat;
}
 
.flowplayer .fp-logo {
left: auto; /* avoid logo being stuck on left side */
right: 3%;
}

CSS

<body/>

<div class="flowplayer is-splash"
data-key="$775445646737769"
data-logo="//flowplayer.com/media/img/mylogo.png"
data-ratio="0.4167">
<video>
<source type="application/x-mpegurl" src="//edge.flowplayer.org/functional.m3u8">
<source type="video/mp4" src="//edge.flowplayer.org/functional.mp4">
</video>
</div>

HTML