Estoy programando una aplicación de prueba en la que muestro unos cuantos vídeos de Youtube. La aplicación se ha de poder ver en iPhone, iPad, Android y navegadores de escritorio.
El problema que me encuentro es que el tamaño de los vídeos, tal y como te da el código Youtube, tienen una anchura y una altura fijos.
El código de un vídeo cualquiera es este:
Código HTML:
Ver original
<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/CExK6cMFuko?fs=1&hl=es_ES&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/CExK6cMFuko?fs=1&hl=es_ES&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object>
Lo que quiero hacer es programar un script, si es que no existe ya, que redimensione el vídeo sobrescribiendo los valores "width" y "height" de "object". A poder ser respecto al DIV en el que que esté embedido.
No parece muy complicado, pero no se por donde empezar. ¿Algún consejo? ¿Alguna idea más fácil?
¿Como puedo, mediante jQuery, acceder a los valores width y height de object?
Gracias por adelantado.