| Demos | Standard

Standard

Standard demo source

Copy the code below to obtain your own standalone demo.

<!DOCTYPE html>

<head>
  <title>Flowplayer standard installation</title>

  <!-- Flowplayer skin -->
  <link rel="stylesheet" href="https://releases.flowplayer.org/7.2.6/skin/skin.css">

  <!-- Flowplayer core -->
  <script src="https://releases.flowplayer.org/7.2.6/commercial/flowplayer.min.js"></script>
  <!-- Flowplayer hlsjs plugin -->
  <script src="https://releases.flowplayer.org/hlsjs/flowplayer.hlsjs.light.min.js"></script>
</head>

<body>

  <div id="player"></div>

  <script>
    flowplayer('#player', {
      splash: 'https://flowplayer.com/media/img/demos/functional@x2.jpg',
      aspectRatio: "12:5",
      key: '$77068834645103',
      clip: {
        hlsQualities: [-1, 1, 3, 6, 7],
        sources: [
          { type: 'application/x-mpegurl', src: 'https://edge.flowplayer.org/functional.m3u8' },
          { type: 'video/mp4', src: 'https://edge.flowplayer.org/functional.mp4' }
        ]
      }
    })
  </script>
</body>