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.

Live stream kindly provided by StreamShow.

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

<head/>

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

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

HTML

<style>

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

CSS

<body/>

<div data-live="true" data-ratio="0.5625" data-share="false" class="flowplayer">
 
<video data-title="Live stream">
<source type="application/x-mpegurl"
src="http://wms.shared.streamshow.it/carinatv/carinatv/playlist.m3u8">
</video>
 
</div>

HTML