Flowplayer · Live stream

With live streams it is mandatory to configure live: true or to add the is-live state class.

Test without hlsjs plugin.

See also the DVR demo.

With Flowplayer HTML5 you only need a HLS source to cover all browsers and devices where live stream playback is possible.


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

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



.flowplayer {
background-color: #00abcd;
.flowplayer .fp-color-play {
fill: #eee;



<div data-live="true" data-ratio="0.5625" data-share="false" class="flowplayer">
<video data-title="Live stream">
<source type="application/x-mpegurl"