| Demos | Inlay


Inlay demo source

Copy the code below to obtain your own standalone demo.

<!doctype html>


   <meta charset="utf-8">

   <title>Inlay · Standalone demo · Flowplayer</title>

   <!-- optimize mobile versions -->
   <meta name="viewport" content="width=device-width, initial-scale=1.0">

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

   <!-- Minimal styling for this standalone page (can be removed) -->
   <style>body {
      font-family: "myriad pro", tahoma, verdana, arial, sans-serif;
      font-size: 14px;
      margin: 0;
      padding: 0;
   #content {
      margin: 50px auto;
      max-width: 982px;

   <!-- CSS for this demo -->
   <link rel="stylesheet" href="/media/css/demos/layout/inlay.css">
      <!-- Flowplayer depends on jquery for video tag based setups -->
   <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
   <!-- Flowplayer-->
   <script src="https://releases.flowplayer.org/7.2.4/flowplayer.min.js"></script>

// configure rtmp for this demo
flowplayer.conf.rtmp = "rtmp://s3b78u0kbtx79q.cloudfront.net/cfx/st";


<div id="content">

<!-- ratio is set dynamically via CSS -->
<div id="inlay" data-ratio="false"
     class="flowplayer fp-full fp-edgy is-splash is-closeable">
      <source type="video/webm"
      <source type="video/mp4"
      <source type="video/flash"

</div><!--/end content -->