Foros del Web » Creando para Internet » CSS »

Videos de youtube con inline-block

Estas en el tema de Videos de youtube con inline-block en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 30/05/2014, 10:55
 
Fecha de Ingreso: noviembre-2008
Mensajes: 1
Antigüedad: 14 años
Puntos: 0
Videos de youtube con inline-block

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>

Última edición por tuercas; 30/05/2014 a las 11:26

Etiquetas: html, responsive, tamaño, videos, width, youtube
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:24.