Tengo un problemilla pero solo me ocurre en IE, para variar .
Estoy haciendo una aplicación en la cual se cargan mediante Ajax, diferentes fichas, relacionadas con eventos o noticias en las que se crean galerías de fotos e inserciones de videos desde el youtube usando jQuery.
Las galerías de fotos, los textos y demás se me crean perfectamente y sin problemas, pero, cuando llego a la parte de los videos...es cuando mi querido amigo internet explorer da un error y no carga el <object> que debería cargar, voy a intentar explicarme:
Tengo el siguiente código PHP que cargo desde AJAX:
Código PHP:
echo '<div class="videos">';
for ($i=1;$i<$tam;$i++){
echo '<div class="vid clearfix">
<div class="film" id="video'.$res[$i][0].'">'.$res[$i][3].'</div>';
echo '<h2>'.$res[$i][4].'</h2>';
echo '<p>'.$res[$i][5].'</p>';
echo '<p><a target="_blank" href="http://www.youtube.com/watch?v='.$res[$i][3].'">www.youtube.com</a></p>';
echo '</div>';
}
cho '</div>';
Aquí os dejo el código js que mediante el plugin de "fubra video" me crearia el object en sustitucion del div anteriormente mencionado:
Código HTML:
$('.videos .vid .film').each(function(i,selected){ $(selected).futube({ width: 230, height: parseInt(230*(3/4)), video: $(selected).html() }); });
He probado a cargar los elementos en otros divs dentro de la página sin realizar la llamada AJAX y los carga sin problemas, con lo que el error tiene que venir o de alguna propiedad del div o de alguna cabecera del script PHP al que llama AJAX, pero claro, me interesa que todo este proceso se realice en AJAX y demás.
¿Alguna idea, sugerencia o solución?
Gracias a todos de antemano!