Tengo el siguiente problema. Hice una página que llama vídeos de youtube y carga la información del vídeo como titulo, autor, descripción en la misma página. Todo funciona muy bien, sin embargo me tope con el problema de que IE8 no muestra la información del vídeo.
En HTML tengo esto:
Código HTML:
<div class="video_principal"> <!--- Imagen para alta definicion ---> <a class="fancybox_videos" href="../cf/videos-fancybox.cfm"> <img src="http://img.youtube.com/vi/WNBK40yCwms/hqdefault.jpg"></img> </a> </div> <div class="videos_informacion"> <div class="videos_titulos"> <h1>Sin título</h1> <br> <p>Sin descripción</p> </div> </div>
Código:
como les comento, en Firefox, Chrome, Safari y Opera todo funciona bien, carga la información del vídeo así como el vídeo mismo, pero en IE8 la información que sale es: $(document).ready(llamada); /*Esta función trae la información de un XML para Youtube [Principal] mediante JSON*/ function llamada() { alert("llego"); var url = "http://gdata.youtube.com/feeds/api/videos?q=WNBK40yCwms&max-results=1&v=2&alt=jsonc"; var title = ""; var description = ""; $.getJSON(url, function(response){ alert('llego2'); title = response.data.items[0].title; description = response.data.items[0].description; publicacion = response.data.items[0].uploaded; autor = response.data.items[0].uploader; categoria = response.data.items[0].category; duracion = response.data.items[0].duration; resolucion = response.data.items[0].aspectRatio; visitas = response.data.items[0].viewCount; $(".videos_titulos h1").val(title); $(".videos_titulos p").val(description); $("#titulo_fb").text(title); $("#descrip_fb").text(description); }); }
Sin título
Sin descripción
Estuve probando unos alert(); y en IE8 me marca el alert cuando entra, pero si lo coloco después de la instrucción de getJson y no aparece.
¿Alguna idea?
De antemano, gracias por sus comentarios. Saludos!!