title: how to place Close button on Youtube Player
body: <p>Could you help me ? how to place "Close Button" over Youtube player ? I am trying but it's going back to the the player. </p>
  
  <pre><code>&lt;iframe id="ytPlayer" class="white_content" style="z-index: 1004;display: block;" frameborder="0" allowfullscreen="1" title="YouTube video player" width="532" height="329" src="http://www.youtube.com/embed/xHLnZMjJ8bY?autoplay=0&amp;amp;enablejsapi=1&amp;amp;origin=http%3A%2F%2F127.0.0.1%3A81"&gt;&lt;/iframe&gt;  
  
  &lt;div id="ytinfo" class="white_content" style="display: block;"&gt;
   &lt;div id="ytName"&gt;A.R Rahman Maahi Ve Song Highway&lt;/div&gt;
  &lt;div id="ytDesc"&gt;
    &lt;p&gt;Maahi Ve Full Song (Audio) ► http://youtu.be/S1aQhVUy_9g &lt;/p&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="fade" class="black_overlay" onclick="closeLightBox()" style="display: block;"&gt;
  &lt;div style="
    z-index: 9999;
    left: 78%;
    top: 11%;
    width: 22px;
    position: absolute;
    "&gt; &lt;img src="https://airasiaxtakeover.appspot.com/imgs/1060/WhiteClose.png"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>css -- </p>
  
  <pre><code>.black_overlay{
          display: none;
          position: absolute;
          top: 0%;
          left: 0%;
          width: 100%;
          height: 100%;
          background-color: black;
          z-index:1001;
          -moz-opacity: 0.8;
          opacity:.80;
          filter: alpha(opacity=80);
      }
      .white_content {
          display: none;
          position: absolute;
          top: 10%;
          left: 23%;
          width: 50%;
          height: 50%;
          padding: 16px;
          background-color: black;
          z-index:1002;
          overflow: auto;
      }
  </code></pre>
  
  <p>Here is the demo Link :- <a href="http://jsfiddle.net/rushijogle/EFbzY/" rel="nofollow">http://jsfiddle.net/rushijogle/EFbzY/</a></p>
  
  <p>Thank you in advance </p>