Youtube Z-index

HTML

<div id="video-wrap2"></div>

<div id="video-wrap">    <div id="play-video"></div>
</div>

CSS

#video-wrap2 {
    background-color: red;
    width: 666px;
    height: 666px;
    z-index: -1;
    position: absolute;
  }

#play-video {
  display: inline;
  float: left;
  height: 400px;
  width: 100%;
  position: absolute;
}


#video-wrap {
    float: left;
    display: inline;
    width: 610px;
    overflow: hidden;
    position: absolute;    
    z-index: 100;
}

JavaScript

$(document).ready(function() {
       //$("#embed").replaceWith("<div id ='play-video'></div>");
 var video       ='http://www.youtube.com/embed/neShgTczCM0?wmode=transparent&;autoplay=0&autohide=1&showinfo=0&theme=light'
                video = video.replace('version=3&f=playlists&app=youtube_gdata','wmode=opaque'); alert("<iframe wmode='opaque' style='z-index:0;position:absolute;' width='610' height='400' src="+video+"' frameborder='0' name='vid-frame' id='vid-fade' allowfullscreen></iframe>");
              $('#play-video').append("<iframe wmode='opaque' style='z-index:0;position:absolute;' width='610' height='400' src="+video+"' frameborder='0' name='vid-frame' id='vid-fade' allowfullscreen></iframe>");    
           
    });