We accelerate websites

15 days free trial Sign up

Media Acceleration Stream to the world

15 days free trial Sign up

Extensive Network Excellent world coverage

Flowplayer CDN integration

Introduction

Please refer here if you plan to integrate on-demand stream and please refer here if you plan to integrate live stream.

Integration of CDN Video or CDN Video Push service

Create a CDN Video or CDN Video Push service

Please refer to Creating a CDN Video service for more details.

Let's assume that 12345.r.cdnsun.net is the Service Identifier of your CDN Video service.

Enable CDN Video service in Flowplayer HTML5

<link rel="stylesheet" href="http://releases.flowplayer.org/5.5.2/skin/minimalist.css">
<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({
            'rtmp': 'rtmp://12345.r.cdnsun.net/12345/_definst_',            
            'playlist': [[
              {
                'flash': 'mp4:12345/myvideo.mp4'
              },
              {
                'mpegurl': 'http://12345.r.cdnsun.net/12345/_definst_/mp4:12345/myvideo.mp4/playlist.m3u8'
              }                      
            ]],
            'embed': false
        });
    });
</script>

Please note that your video has to be in MP4 or FLV container format and encoded with H.264 video codec and AAC or MP3 audio codec. Please refer to Services/How-To for your streaming CDN URLs.

Apple HTTP Live Streaming (HLS)

Please note that HLS streaming in Flowplayer works only on natively supported devices such as iOS, MacOS and most of Android devices.

Flowplayer logo

Please note that to remove or customize player logo you need a paid Flowplayer license.

Generate the above code with our embed player generator

Generate Embed Player

Integration of CDN Live service

Create a CDN Live service

Please refer to Creating a CDN Live service for more details.

Let's assume that 12345.r.cdnsun.net is the Service Identifier of your CDN Live service.

Enable CDN Live service in Flowplayer HTML5

<link rel="stylesheet" href="http://releases.flowplayer.org/5.5.2/skin/minimalist.css">
<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://12345.r.cdnsun.net/12345/_definst_',            
            'playlist': [[
              {
                'flash': 'mystream'
              },
              {
                'mpegurl': 'http://12345.r.cdnsun.net/12345/_definst_/mystream/playlist.m3u8'
              }                      
            ]],
            'embed': false
        });
    });
</script>

Please note that your origin live stream has to be in MP4 or FLV container format and encoded with H.264 video codec and AAC or MP3 audio codec. Please refer to Services/How-To for your streaming CDN URLs.

Apple HTTP Live Streaming (HLS)

Please note that HLS streaming in Flowplayer works only on natively supported devices such as iOS, MacOS and most of Android devices.

Flowplayer logo

Please note that to remove or customize player logo you need a paid Flowplayer license.

Generate the above code with our embed player generator

Generate Embed Player
 
 _    _      ___     ______     _____   
| \  / ||   / _ \\  |      \\  |  ___|| 
|  \/  ||  / //\ \\ |  --  //  | ||__   
| .  . || |  ___  |||  --  \\  | ||__   
|_|\/|_|| |_||  |_|||______//  |_____|| 
`-`  `-`  `-`   `-` `------`   `-----`  
                                        
Europe
  • Amsterdam
  • Baku
  • Bucharest
  • Budapest
  • Chelyabinsk
  • Copenhagen
  • Dubai
  • Frankfurt
  • Helsingborg
  • Istanbul
  • Karlskrona
  • Khabarovsk
  • Kharkov
  • Kiev
  • Kungalv
  • Lisbon
  • Lvov
  • Madrid
  • Milan
  • Moscow
  • Odessa
  • Oslo
  • Paris
  • Polevskoy
  • Saint Petersburg
  • Stockholm
  • Trondheim
  • Zagreb
America
  • Arlington
  • Atlanta
  • Chicago
  • Dallas
  • Denver
  • Green Bay
  • Los Angeles
  • Miami
  • Montreal
  • New York
  • Phoenix
  • Portland
  • Provo
  • Queretaro
  • Reston
  • Sacramento
  • San Jose
  • Sao Paulo
  • Seattle
  • Toronto
  • Washington
Contact
  • e-mail: info@cdnsun.com
  • skype: cdnsun.com
  • phone: +1 844 300 9206
  • phone: +420 776 256 872
Blog Twitter LinkedIn Facebook CrunchBase Google+ / Google plus Foursquare Pinterest