les dejo el codigo de fuente si es que alguien le sirve y solo me faltaria como cerrarlo al momento de finalizar el video automaticamente. si es que alguien me ayuda estaria agradecido brother's
<style type="text/css">
<!--
.fadebox {
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);
}
.overbox {
display: none;
position:relative;
left:auto;
top:0px;
margin:0px auto;
z-index:1002;
}
#content {
width: 700px;
height: 535px;
position: absolute;
top: 50%;
left: 58%;
margin-top: 70px;
margin-left: -445px;
padding:10px;
background-color: #FFF;
z-index:999;
}
-->
</style>
<script type="text/javascript">
function showLightbox() {
document.getElementById('over').style.display='blo ck';
document.getElementById('fade').style.display='blo ck';
}
function hideLightbox() {
document.getElementById('over').style.display='non e';
document.getElementById('fade').style.display='non e';
}
</script>
<body onload="showLightbox()" >
<div id="over" class="overbox">
<div id="content">
<div style=" text-align:right; width:700px; position:relative; z-index:999999999;"><a href="javascript
:hideLightbox();" >cerrar</a></div>
<iframe width="700" height="505" src="http://www.youtube.com/embed/KSzHlv82cA0?rel=0" frameborder="0" allowfullscreen></iframe><br>
</div>
</div>
<div id="fade" class="fadebox"> </div>