<!DOCTYPE html>



  
  

<html lang="en">

<head>

<meta charset="utf-8">
<title>Flowplayer: online video that works</title>
<meta name="description" content="A video platform focusing on user experience and performance">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">


<link rel="apple-touch-icon" sizes="180x180" href="/user/themes/n/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/user/themes/n/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/user/themes/n/favicon/favicon-16x16.png">
<link rel="manifest" href="/user/themes/n/favicon/site.webmanifest">
<link rel="mask-icon" href="/user/themes/n/favicon/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="/user/themes/n/favicon/favicon.ico">
<meta name="msapplication-TileColor" content="#2b5797">
<meta name="msapplication-config" content="/user/themes/n/favicon/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<!-- meta -->
  <meta property="og:url" content="http://flowplayer.com" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Flowplayer | Flowplayer: online video that works" />
<meta property="og:description" content="A video platform focusing on user experience and performance" />
<meta property="og:image" content="https://flowplayer.com/images/flowplayer-logo.png" />
<meta name="twitter:image" content="https://flowplayer.com/images/flowplayer-logo.png" />
<meta name="twitter:title" content="Flowplayer: online video that works | Flowplayer" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@flowplayer">

<!-- Resolve DNS -->
<link rel="dns-prefetch"  href="//api.flowplayer.com">
<link rel="preconnect"    href="https://api.flowplayer.com">
<link rel="dns-prefetch"  href="//hub.flowplayer.com">
<link rel="preconnect"    href="https://hub.flowplayer.com">
<link rel="dns-prefetch"  href="//www.google-analytics.com">
<link rel="preconnect"    href="https://www.google-analytics.com">

<!-- Schema -->
<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "Organization",
  "name": "Flowplayer",
  "url": "https://flowplayer.com/",
  "sameAs": [
    "https://www.facebook.com/flowplayer/",
    "https://twitter.com/flowplayer",
    "https://www.linkedin.com/company/flowplayer/"
  ],
  "address": [
    {
      "@type": "PostalAddress",
      "streetAddress": "Riddargatan 17B 3tr",
      "addressRegion": "Stockholm",
      "postalCode": "114 57",
      "addressCountry": "Sweden"
    },
    {
      "@type": "PostalAddress",
      "streetAddress": "50 Rockefeller Plaza",
      "addressLocality": "New York",
      "addressRegion": "NY",
      "postalCode": "10020",
      "addressCountry": "USA"
    },
    {
      "@type": "PostalAddress",
      "streetAddress": "Calzada del Valle Alberto Santos 255",
      "addressLocality": "Del Valle",
      "addressRegion": "San Pedro Garza García",
      "postalCode": "66220",
      "addressCountry": "Mexico"
    },
    {
      "@type": "PostalAddress",
      "streetAddress": "Kolmas linja 21",
      "addressRegion": "Helsinki",
      "postalCode": "00530",
      "addressCountry": "Finland"
    },
  ],
  "logo": "https://flowplayer.com/images/logo.png"
}
</script>

<!-- styles -->
<link href="/user/themes/n/css/font-awesome.css" type="text/css" rel="stylesheet" />
<link href="/user/themes/n/css/fonts.css" type="text/css" rel="stylesheet" />
<link href="/user/themes/n/css/index.css" type="text/css" rel="stylesheet" />
<link href="/user/themes/n/css/pages/home.css" type="text/css" rel="stylesheet" />


</head>

<body>


<header id="header" class="section wide top">

  <div class="wrap">
    <a href="/">
      <img class="logo" src="/user/pages/images/logo-blue.png">
    </a>

    <nav class="center nowrap">
      <span id="nav_search"></span>
      <a href="/features">Features</a>
      <a href="/help">Help</a>
      <a href="/blog">Blog</a>
      <a href="/pricing">Pricing</a>
    </nav>

    <div class="right account-login" id="acc">
      <a href="/login">Log in</a>
    </div>

    <div class="right" id="burger">
      <i class="fa fa-bars"></i>
    </div>
  </div>

</header>

<main>

<section class="section big wide right-outset thin-bottom" id="hero">
  <article class="wrap">

    <section>
      
<p><em>For media industry</em></p>
<h1>Online video that works.</h1>
<p>New player, new analytics, and better live streaming</p>
<p><a href="/blog/major-product-update" class="primary continue button">Explore new features</a></p>
<p><a href="/pricing" class="continue action">See plans and pricing</a></p>

    </section>

        <figure>
      <a href="/blog/major-product-update?autoplay=1">        <img src="/images/ui/platform-hero-big.jpg?a" alt="Flowplayer platform UI on browser and mobile device showcasing new player, new analytics, and better live streaming." title="Flowplayer platform">
      </a>          </figure>
    
  </article>
</section>
<section class="section bigger wide" id="growth">
  <article class="wrap">

    <section>
      

<div class="quote ">
  <q>
Audio Video Media category is ruled supreme by Flowplayer
</q>
      <a class="author" href="https://blog.similartech.com/similartech-presents-rising-tech-stars">Similar Tech on June 2018</a>
  </div>
<p><a href="/features" class="secondary continue button">Discover why</a></p>

    </section>

        <figure>
              <img src="/home/curve-big.png" alt="Flowplayer usage growth curve on the web." title="Flowplayer usage">
                </figure>
    
  </article>
</section>
<p><img alt="Flowplayer customers" id="customers" src="/user/pages/home/customers.png" /></p>
<section class="section big center dark blue-d" id="">
  <article class="wrap">

    <section>
      
<p><em>Flowplayer Native</em></p>
<h1>Meet the new player.</h1>
<p>Ten times smaller, yet ten times more powerful.</p>
<p><a href="/blog/flowplayer-native" title="Flowplayer HTML5 video player." class="player-teaser"><img alt="Beautiful and minimalistic HTML5 video player." src="/user/pages/images/ui/player-hero-big.jpg" /></a></p>
<p><a href="/blog/flowplayer-native" class="secondary continue button">Explore Flowplayer Native</a></p>

    </section>

    
  </article>
</section>

<section class="section wide media-hero customer-quote">

  
  <article class="wrap">

        <section>
      
<p><em>Customer case</em></p>
<h1>NTVB Media</h1>
<p>Their platform gives us the ease and flexibility to publish live and on-demand video from any device, their configurable player is among the fastest we tested, and their technology stack integrates with our ad serving and analytics partners.</p>
<p><strong>Dan Criscenti</strong> / VP of digital dept.</p>
<p><br></p>
<p><a href="/contact" class="primary continue button">Contact us for a custom plan</a></p>

    </section>
        <section>
      
<figure>

<img alt="NTVB Media" src="/user/pages/home/ntvb-media-big.png" /title="Online magazines of NTVB media">
<figcaption>Online magazines of NTVB media</figcaption>
</figure>


    </section>
    
  </article>

</section>

</main>

<footer id="footer" class="section">

  <article class="wrap flex flex-top layout-21 top">

    <section>
      <p><img class="logo" src="/images/logo-blue.png"></p>
      <nav>
        <a href="/features">Features</a>
        <a href="/pricing">Pricing</a>
        <a href="/help">Help</a>
        <a href="/about">About</a>
      </nav>
      <nav>
        <a href="/blog">Blog</a>
        <a href="/partners">Partners</a>
        <a href="/contact">Contact us</a>
        <a href="/media-kit">Media kit</a>
      </nav>
    </section>

    <section>
      <form class="smaller notify">
        <h4>Join our mailing list</h4>
        <div class="nowrap">
          <input required type="email" name="email" placeholder="your@email.org" size="25" >
          <button class="primary button" type="submit">Join</button>
        </div>
        <p class="small">
          By joining your email is saved on our system. All our emails contain an unsubscribe link. See our <a href="/privacy-policy">privacy policy</a>
        </p>
      </form>
    </section>
  </article>
</footer>
<!-- / end global footer -->

<!-- bottom -->
<footer id="bottom" class="section dark flex">
  <article class="wrap layout-21">
    <section>Copyright &copy; 2019 • Flowplayer AB. • <a href="/legal/">Legal</a></section>
    <section>
       <a href="https://www.facebook.com/flowplayer" class="action facebook">
          <b class="icon-facebook">42,000+ fans</b> on Facebook </a>
        <span class="bull">&bull;</span>
       <a href="https://www.linkedin.com/company/flowplayer" class="action linkedin">
        <b class="icon-linkedin"></b> LinkedIn</a>
    </section>
  </article>
</footer>


<!-- mobile nav -->
<div id="nav" class="hidden mask">
  <div class="right">
    <a class="close">&times;</a>
  </div>

  <section>
    <a href="/">
      <img class="logo" src="/images/logo-blue.png">
    </a>

    <nav>
      <a href="/features">Features</a>
      <a href="/help">Help</a>
      <a href="/blog">Blog</a>
      <a href="/partners">Partners</a>
      <a href="/about">About</a>
      <a href="/pricing">Pricing</a>

      <div class="smaller">
        <a href="/contact">Contact us</a>
        <a href="/login" class="account-login">Log in</a>
      </div>
    </nav>
  </section>

</div>


<div id="cookie" class="closeable hidden" key="consent">
  <section>
    By using this website you agree to our
    <a class="action" href="/privacy-policy">privacy policy</a>
    <span class="close">&times;</span>
  </section>
</div>

<script>
  var app = {
    file: '/home/page.md',
    env: 'prod',
    api: 'https://api.flowplayer.com',
    hub: 'https://hub.flowplayer.com',
  }
</script>


<script src="/user/themes/n/js/app.js" ></script>

<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-88170282-2', 'auto');
ga('send', 'pageview');

</script>




<div id="search_overlay">
  <article class="panel">
    <header>
      <form action="/search"><input name="q" placeholder="Search Flowplayer..."></form>
      <span class="close">&times;</span>
    </header>

    <section class="suggestions">
      <h6>Popular searches</h6>
      <p>Live streaming</p>
      <p>Live analytics</p>
      <p>Ad scheduling</p>
      <p>Monetization</p>
    </section>

  </article>
</div>

<script>
$('#nav_search').forEach(function(link) {

  var root = search_overlay

  function toggle(flag) {
    root.classList.toggle('is-active', !!flag)
  }

  function loading() {
    $('.panel', root)[0].classList.add('loading')
  }

  $('form', root)[0].onsubmit = loading

  // open
  link.onclick = function() {
    toggle(true)
    setTimeout(function() {
      var input = $('input', root)[0]
      input.focus()
    }, 10)
  }

  // close
  $('.close', root)[0].onclick = function() { toggle() }

  // suggestions
  $('.suggestions p', root).forEach(function(el) {
    el.onclick = function() {
      loading()
      location.href = '/search?q=' + el.textContent
    }
  })

  // esc key
  window.addEventListener('keyup', function(e) {
    if (e.which == 27) toggle()
  })

})
</script>



</body>
</html>
