How to overlap or overlay youtube video with html or How do I fix a YouTube flash video in iframe overlay problem on a ajax popup

How do I fix a YouTube flash video in iframe overlay problem on a ajax popup

If you want to overlap or overlay youtube video with you html content or pop up
And you having the problem that your pop up or html comes under the youtube video in your website

and u had already tried too much code and all the unless so try this definitely this work

Please follow the instruction it will definitely works four you...

simple copy and paste this code in your header or top of iframe


<script type="text/javascript">
$(document).ready(function() {
$("iframe").each(function(){
var ifr_source = $(this).attr('src');
var wmode = "wmode=opaque";
if(ifr_source.indexOf('?') != -1) {
var getQString = ifr_source.split('?');
var oldString = getQString[1];
var newString = getQString[0];
$(this).attr('src',newString+'?'+wmode+'&'+oldString);
}
else $(this).attr('src',ifr_source+'?'+wmode);
});
});
</script>


<iframe width="215" height="125" src="url" frameborder="0" allowfullscreen></iframe>

this script will work for all video in iframe

Note: make sure video should be in iframe and and url should not blank otherwise this code will not work 

Now run the file and your html or pop will come  
on this you tube video and can overlap this iframe or video