Integration with Flowplayer HTML5

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.