Controlar el tamaño de un object (Ej video youtue)

jeroguidi · #1 (**permalink**) 27/04/2010, 16:38

Buenas a la comunidad FdW,

Tengo una inquietud, el tema es así, en un sitio debo hacer un apartado donde se ven videos llamados desde youtube.. el tema es quiero al recibir el video, se modifique al tamaño que yo le pongo...

En realidad es una jquery aleatoria que llama a posts de una categoria en wordpress, en esa misma se agrupan videos youtube.. y en la home, hay un sector donde pongo videos al azar.. y ahí el tamaño debe ser especifico o sea más chico.

Me pueden facilitar como es el tema que ya no soy programador puro.

Por las dudas, leí algo de una propiedad ReSize de JS.

Gracias adelantadas, apreciaria mucho una mano.

Saludos!

Jero

zerokilled · #2 (**permalink**) 27/04/2010, 17:03

no soy usuario de jquery por lo que no tengo idea. ahora bien, conozco que youtube tiene una API para manejar los videos. ¿ya verificastes si en la API hay alguna funcion para lo que requieres? aclaro que tampoco tengo idea de la API de youtube, pero el punto es que tengas un lugar por donde comenzar.

Panino5001 · #3 (**permalink**) 27/04/2010, 22:28

Algo así debería funcionarte:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script>
var embed='<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/MIbsJ8Przco&hl=es_ES&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/MIbsJ8Przco&hl=es_ES&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object>';
function resize(e,w,h){
	var pat1=/width=["|\']([^"|\']+)["|\']/ig;	
	var pat2=/height=["|\']([^"|\']+)["|\']/ig;
	var ret=e.replace(pat1,'width="'+w+'"');
	ret=ret.replace(pat2,'height="'+h+'"');
	return ret;
}
onload=function(){document.body.innerHTML=resize(embed,276,155);}
</script>
</head>

<body>
</body>
</html>

jeroguidi · #4 (**permalink**) 28/04/2010, 16:35

Hola de vuelta,

Mira ya lo resolví de una forma mucho más simple y efectiva con css, usando así:

.el-video embed { witdh: 200px; height: 250px }

Usando la etiqueta html EMBED con esto ya basta.

Paso la parte completa que estoy usando:

Código:

.post embed {width:10px;height:10px;border: 10px solid #5eb7cb;} /* Applies to all browsers */
*.post embed {width:600px;height:338px;border: 10px solid #5eb7cb;} /* Applies to all IE browsers */
_.post embed {width:600px;height:338px;border: 10px solid #5eb7cb;} /* Applies to all IE browsers 6 and below */
.post embed {width /*\**/:230px;height:170px;border: 10px solid #CCC;} /* Applies to IE 8 */