Lo imposible se ha simulado. Es sólo una apariencia. El vídeo no está colocado como fondo (background) de ningún elemento, ya que como muy bien han indicado, hoy por hoy no se puede.
Está en el html (al inicio de todo) como un objeto y posicionado como fixed:
Cita: #bgVideo, #bgVideo2 {
height:100%;
left:0;
position:fixed;
top:0;
width:100%;
}
y para que respete la posición en la vertical (bajo #main) el flash declara:
Cita: <param name="wmode" value="opaque" />
También admite como valor /transparente/
Código HTML:
Ver original<object id="bgVideo" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%"> <param name="movie" value="http://www.youtube.com/apiplayer?enablejsapi=1&playerapiid=bgVideo" />
<param name="allowFullScreen" value="false" /> <param name="allowScriptAccess" value="always" />
<param name="wmode" value="opaque" /> <param name="bgcolor" value="#000000" /> <param name="menu" value="false" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="http://www.youtube.com/apiplayer?enablejsapi=1&playerapiid=bgVideo2" width="100%" height="100%" id="bgVideo2"> <param name="allowFullScreen" value="false" /> <param name="allowScriptAccess" value="always" /> <param name="wmode" value="opaque" /> <param name="bgcolor" value="#000000" />
<param name="menu" value="false" /> <!--<![endif]-->
Supongo que algo más habrá (vía algún js) para funcionalidad, por ejemplo. Pero no lo miré tan a fondo.