Hola, buenas tardes,
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>
y en un archivo de
javascript llamo los métodos mediante
jQuery:
Código:
$(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);
});
}
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:
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!!