title: How to do, Multiple Overlayed videos using flowplayer (jQuery)
body: <p>Unable to do multiple overlayed videos using flowplayer with jQuery </p>
  
  <p>I did single overlayed video, but i don't get result when i try to do multiple overlays 
  I think there may be problem with Script and i don't know jQuery please help me </p>
  
  <p>My code is</p>
  
  <pre><code>     &lt;style&gt;
  
      .overlay {
       background:url(white.png) no-repeat;
       padding:40px;
       width:576px;
       display:none;
       }
  
      .close {
       background:url(close.png) no-repeat;
       position:absolute;
       top:2px;
       display:block;
        right:5px;
        width:35px;
        height:35px;
        cursor:pointer;
       }
  
       a.player  {
       display:block;
       height:450px;
        } 
  
        &lt;/style&gt;
  
         &lt;script&gt;
  
      $(function() 
       {
  
      //setup overlay actions to anchors
      $("a[rel]").overlay({
  
      // use the Apple effect for overlay
      effect: 'apple',
       expose: '#789',
       onLoad: function(content) {
  
      // find the player contained inside this overlay and load it
       this.getOverlay().find("a.player").flowplayer(0).load();
  
       },
      onClose: function(content) {
      $f().unload();
      }
       });
  
      // install flowplayers
      $("a.player").flowplayer("http://releases.flowplayer.org/swf/flowplayer-3.2.7.swf");
      });
  
    &lt;/script&gt;
  
       &lt;body&gt;
  
      &lt;p&gt;
  
      &lt;a rel="overlay1" href="#"&gt;
  &lt;img src="image1.png" /&gt;
   &lt;/a&gt;
  
       &lt;a rel="overlay2" href="#"&gt;
  &lt;img src="image2.png"/&gt;
   &lt;/a&gt;
  
       &lt;a rel="overlay3" href="#"&gt;
  &lt;img src="image3.png" /&gt;
   &lt;/a&gt;
  
       &lt;a rel="overlay4" href="#"&gt;
  &lt;img src="image4.png"/&gt;
   &lt;/a&gt;
  
       &lt;/p&gt;
  
       &lt;/body&gt;
  
      &lt;div id="overlay1" class="overlay" style="background-image:url('white.png')"&gt;
   &lt;a id="player" href="video.mp4"&gt;
  &amp;nbsp;
  &lt;/a&gt;
  &lt;/div&gt;
  
       &lt;div id="overlay2" class="overlay" style="background-image:url('white.png')"&gt;
       &lt;a id="player" href="video.mp4"&gt;
   &amp;nbsp;
   &lt;/a&gt;
   &lt;/div&gt;
  
       &lt;div id="overlay3" class="overlay" style="background-image:url('white.png')"&gt;
       &lt;a id="player" href="video.mp4"&gt;
   &amp;nbsp;
   &lt;/a&gt;
   &lt;/div&gt;
  
       &lt;div id="overlay4" class="overlay" style="background-image:url('white.png')"&gt;
       &lt;a id="player" href="video.mp4"&gt;
   &amp;nbsp;
   &lt;/a&gt;
   &lt;/div&gt;
  </code></pre>