Retroceder   Foros del Web > Programación para sitios web > Javascript > Frameworks

Respuesta
 
Herramientas Desplegado
Antiguo 08-jul-2008, 00:03   #1 (permalink)
oscarva está en el buen camino
 
Avatar de oscarva
 
Fecha de Ingreso: agosto-2004
Ubicación: Bogota - Colombia
Mensajes: 396
Triste problema con youtube api + jquery en internet explorer

Bueno estoy empezando a trabajar con javascript y ajax, para empezar quise hacer un pequeño proyecto aprovechando la nueva api de youtube para javascript y jquery.

basicamente es algo muy sencillo, tengo un video en mi pargina y luego por medio de la funcion load() de jquery cargo otro video, pero como raro me genera un error solo en IE

aca el codigo utilizado:

Código HTML:
<script type="text/javascript" src="js/jquery-latest.js"></script>
    <script src="http://swfobject.googlecode.com/svn/tags/rc3/swfobject/src/swfobject.js" type="text/javascript"></script>
    <script type="text/javascript">

        function updateHTML(elmId, value) {
          document.getElementById(elmId).innerHTML = value;
        }

        function setytplayerState(newState) {
          updateHTML("playerstate", newState);
        }

        function onYouTubePlayerReady(playerId) {
          ytplayer = document.getElementById("myytplayer");
          setInterval(updateytplayerInfo, 250);
          updateytplayerInfo();
          ytplayer.addEventListener("onStateChange", "onytplayerStateChange");
          ytplayer.addEventListener("onError", "onPlayerError");
        }

        function onytplayerStateChange(newState) {
          setytplayerState(newState);
        }

        function onPlayerError(errorCode) {
          alert("An error occurred: "+ errorCode);
        }
	
        function updateytplayerInfo() {
          updateHTML("bytesloaded", getBytesLoaded());
          updateHTML("videotime", getCurrentTime());
        }

        // functions for the api calls

        function stop() {
          if (ytplayer) {
            ytplayer.stopVideo();
          }
        }

        function getPlayerState() {
          if (ytplayer) {
            return ytplayer.getPlayerState();
          }		  
        }

        function getBytesLoaded() {
          if (ytplayer) {		    
			var total = ytplayer.getVideoBytesTotal();
			var loaded = ytplayer.getVideoBytesLoaded();
			var porcen = ((loaded*'100')/total);
			var myString = new String(porcen);
            var myArray = myString.split('.');
            return myArray[0];
          }
        }

        function getCurrentTime() {
          if (ytplayer) {
		  	var time = ytplayer.getCurrentTime();
			var totaltime = ytplayer.getDuration();
			var time = (totaltime-time);
			var myString = new String(time);
            var myArrayT = myString.split('.');
            return myArrayT[0];
          }
        }
    </script>


 <a href="#" onclick="$('#video').load('2.php');">Siguiente</a>


 <div id="video">
    <div id="ytapiplayer">
      You need Flash player 8+ and JavaScript enabled to view this video.
    </div>
    <script type="text/javascript">	 
	
      // allowScriptAccess must be set to allow the Javascript from one domain to access the swf on the youtube domain
      var params = { allowScriptAccess: "always" };
      // this sets the id of the object or embed tag to 'myytplayer'. You then use this id to access the swf and make calls to the player's API
      var atts = { id: "myytplayer" };
	 
swfobject.embedSWF("http://www.youtube.com/v/IDVIDEO&amp;border=0&amp;enablejsapi=1&amp;playerapiid=ytplayer&amp;rel=0&amp;autoplay=1", "ytapiplayer", "500", "404", "8", null, null, params, atts);

    </script>
    </div>
es sencillo, estoy viendo un video y si quiero ver el siguiente doy click en Siguiente y me carga el archivo 2.php donde se encuentra el otro video. el problema es que genera un error no especificado (que me tiene al borde de la locura ) , despues de muchas pruebas veo que el error no esta al cargar el archivo 2.php ya que asi el archivo 2.php tenga solo texto o l que sea tira el mismo error, el problema esta al ocultar el div "video" ya que haciendo pruebas por ejemplo con la funcion $("#video").empty(); me tira el error.

ojala alguien tenga la solucion

Saludos
oscarva está desconectado   Responder Citando
Antiguo 08-jul-2008, 00:36   #2 (permalink)
Moderata
JavierB es realmente agradableJavierB es realmente agradableJavierB es realmente agradableJavierB es realmente agradableJavierB es realmente agradableJavierB es realmente agradable
 
Avatar de JavierB
 
Fecha de Ingreso: noviembre-2002
Ubicación: Madrid
Mensajes: 19.549
Respuesta: problema con youtube api + jquery en internet explorer

Movido al foro de Frameworks desde JavaScript.

Saludos,
__________________
Lee las Políticas de los foros y escribe correctamente.
JavierB está desconectado   Responder Citando
Respuesta

No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 07:34.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93