Add the following code to the page where you plan to embed Flowplayer HTML5 (http://www.mycompany.com/index.html).
<style> #mediaplayer { width: 480px; height: 320px; } </style> <div id="mediaplayer"></div> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type="text/javascript" src="http://releases.flowplayer.org/5.5.2/flowplayer.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#mediaplayer').flowplayer({ 'live': true, 'rtmp': 'rtmp://cdnrussia.com/ClientID/LiveName', 'playlist': [[ { 'flash': 'ChanelName' }, { 'mpegurl': 'http://cdnrussia.com/ClientID/LiveName/ChanelName/playlist.m3u8' } ]], 'embed': false }); }); </script>
- ClientID – Your ID in the SkyparkCDN control panel
- LiveName – The name provided by SkyparkCDN representative
- ChanelName – Specify any custom name
Apple HTTP Live Streaming (HLS)
Please note that HLS streaming in Flowplayer works only with such devices as iOS, MacOS and most of Android ones.
Flowplayer watermark
Please note that to remove or customize player watermark you need a commercial Flowplayer license.