Videos de youtube con inline-block

tuercas · #1 (**permalink**) 30/05/2014, 10:55

Hola, haber si me podeis hechas una mano, estoy haciendo una prueba insertando en una web dos videos colgados en youtube, los videos estan en responsive para que se adapten al tamaño de pantalla y se visionan sin problemas saliendo uno debajo del otro, El tema es que no consigo colocar los videos en horizontal uno acontinuacion del otro, he probado con inline-block, con float y nada, ademas cuando utilizo estas propiedades me desaparecen los videos. Quizas me estoy volviedo loco y no se puede...o lo estoy haciendo mal que será lo mas probable

Muchas gracias

[URL="http://j-cem.host56.com"]Se pueder ver aquí[/URL]

Cita:

<html>

<head>
<meta charset="utf-8">
<title>Documento sin título</title>
<style type="text/css">
#contenedor1{
border: 0.2em solid #609;
max-width: 960px;
margin: 1% auto;
}
#contenedor2{
max-width:350px;
margin:1% auto;
}
.videoResponsive{
margin:0 auto;
height:0px;
width:100%;
padding-top:56.25%;
position:relative;
}
.videoResponsive iframe{
position:absolute;
height:100%;
width:100%;
top:0px;
left:0px;
}
</style>
</head>

<body>

<div id="contenedor1">

<div id="contenedor2">
<div class="videoResponsive">
<iframe src="http://www.youtube.com/embed/FS9lq3FFmlU"></iframe>
</div>
</div>

<div id="contenedor2">
<div class="videoResponsive">
<iframe src="http://www.youtube.com/embed/FS9lq3FFmlU"></iframe>
</div>
</div>

</div>

</body>
</html>