Flowplayer · Live stream

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

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

HTML

<body/>

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

HTML