Video a pantalla completa sin bordes negros.
El problema que tengo es que el video siempre tiene barras negras en los lados o en la parte superior / inferior según el tamaño de la pantalla.
¿Alguna idea de cómo obtenerla en pantalla completa siempre sin mostrar esas molestas barras negras? y sin usar un plugin.
Este es mi marcado:
<div id="full-bg">
<div class="box iframe-box" width="1280" height="800">
<iframe src="http://player.vimeo.com/video/67794477?title=0&byline=0&portrait=0&color=0fb0d4" width="1280" height="720" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
</div>
</div>
#full-bg{
width: 100%;
height: 100%;
img{
display: none;
}
.iframe-box{
width: 100%;
height: 100%;
position: absolute;
background: url(../img/fittobox.png);
left: 0 !important;
top: 0 !important;
iframe{
width: 100%;
height: 100%;
}
}
}