Colocar video de fondo en Div

[catucux]

El error es que le estas dando propiedades a la capa de #video pero dentro de esta hay dos capas mas, lo que debes hacer es crear una capa individual para el video dentro de #video.

Código HTML:

<div id="video">
<div class="mivideo">
      <video autoplay="" loop="loop" preload="true" width="100%">
      <source src="../carpeta/rootl/video/chrome_japan.ogv" type="video/ogg"></video>
</div>
<div id="contenidoder">Este div es transparente  </div>
<div id="contenidoizq">Este otro div es transparente</div>
 
</div>
 

Si lo que quieres es poner los otros dos divs encima del que tiene video, debes configurar tu z-index, recuerda que mientras mayor sea al numero que le coloques estara al frente.

Por ejemplo:

Código HTML:

#video {
overflow:hidden;
}
.mivideo{
position: absolute;
z-index: 1;
}
#contenidoizq { width:50%;
position:absolute;
z-index:2;
/*border:#333 solid 1px;*/   }
 
#contenidoder { width:50%;
position:absolute;
z-index:3;
}
 

Si lo colocas asi la capa de video estara hasta abajo, la de #contenidoizq le seguira por encima y de ultimo #contenidoder estara encima de todas.

Saludos.