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/6.0.5/flowplayer.min.js"></script>
<!-- Flowplayer hlsjs engine -->
<script src="//releases.flowplayer.org/hlsjs/flowplayer.hlsjs.min.js"></script>

HTML

<style>

.flowplayer .fp-logo {
/* logo always visible, even on origin domain */
display: block;
opacity: 1 !important;
 
left: auto; /* avoid logo being stuck on left side */
right: 3%;
}

CSS

<body/>

<div class="flowplayer is-splash"
data-key="$130763224349944"
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="application/x-mpegurl" src="//edge.flowplayer.org/functional.m3u8">
<source type="video/mp4" src="//edge.flowplayer.org/functional.mp4">
</video>
</div>

HTML