Me ayudan con un efecto "video-inicio"?

[ekisdedede]

Hola a todos

Pues estoy tratando de poner un video de youtube al inicio de mi pagina con un boton de entrada.


El problema es que cuando le doy a "entrar en el sitio", se queda la "mancha" en gris, y se va cuando vuelve a cargar...

Código Javascript:

<script type='text/javascript'>
var w = screen.width;//$(window).width();//screen.width;
var h = $(window).height();//screen.height;
if (getCookie('shadowboxVideo') != ''){
    setCookie('shadowboxVideo','','sesion');
    $("body").append('<div class="videoprincipal" style="z-index:10;background-color:#000000;width:100%;height:90%;position:absolute;">'+
        '<iframe width="560" height="315" src="http://www.videoyoutube.com" frameborder="0" allowfullscreen></iframe>'+
    '</div>'+
        '<div style="background-color: rgb(199, 200, 194); opacity: 0.9; position: absolute; z-index: 3; bottom: 3px; width: 20%; left: 500px; height: 9%; border-radius: 3px 3px 3px 3px;">'+
        '<div style="text-align:center;">'+
            '<a href="javascript:void(0);" id="entrar" style="border-radius:5px;padding-top:5px;color:#FFFFFF;background-color:#000000;width:120px;height:13px;padding:10px;border:none;">Entrar en la página</a>'+
        '</div>'+
    '</div>');
}
</script>
 

He probado en cambiar la variable e incluir el div dentro del mismo, pero aun asi no funciona.

Gracias!

[ekisdedede]

alguna idea porfavor?