Flowplayer · Live stream (DVR)

HLS live stream offering to seek within the available "DVR" window

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

See also the live stream demo.

<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

<body/>

<div data-dvr="true"
data-aspect-ratio="8:5"
data-share="false"
class="flowplayer no-volume fp-slim fp-edgy fp-outlined">
 
<video data-title="Live stream (DVR)">
<source type="application/x-mpegurl"
src="https://stream.novascotiawebcams.com/live-origin/whitepointbeach/playlist.m3u8?DVR">
</video>
 
</div>

HTML