Ver Mensaje Individual
  #1 (permalink)  
Antiguo 11/08/2009, 12:47
mateando
 
Fecha de Ingreso: mayo-2009
Mensajes: 20
Antigüedad: 15 años
Puntos: 0
Exclamación IExplorer - El objeto no acepta esta propiedad o método

Tengo un problema que hace dejar de funcionar parte de una web que estoy armando; se trata de un reproductor en JQuery, que en Firefox funciona de maravillas, pero en IExplorer no...

Al darle al boton de play (aunque deberia arrancar el sonido directamente) :

Cita:
Mensaje: El objeto no acepta esta propiedad o método
Línea: 105
Carácter: 6
Código: 0
URI: w w w. bhaktivinoda . com . ar / js / jquery.jplayer.js
Probe de buscar el error con Firebug, pero no aparece nada...


Este plugin de Jquery lo ejecuto con el siguiente codigo:

Código HTML:
Ver original
  1. <div id="reproductor"><div id="jquery_jplayer"></div>
  2.         <ul id="player_controls">
  3.           <li id="player_play">play</li>
  4.           <li id="player_pause">pause</li>
  5.           <li id="player_volume_min">min volume</li>
  6.           <li id="player_volume_max">max volume</li>
  7.           <li id="ctrl_prev">previous</li>
  8.           <li id="ctrl_next">next</li>
  9.   </ul>
  10.   <div id="play_time"></div>
  11.   <div id="total_time"></div>
  12.         <div id="player_progress">
  13.           <div id="player_progress_load_bar">
  14.             <div id="player_progress_play_bar"></div>
  15.           </div>
  16.         </div>
  17.         <div id="player_volume_bar">
  18.           <div id="player_volume_bar_value"></div>
  19.   </div>
  20. </div>
  21.       <span id="barrines">///////</span><div id="playlist_list"><ul></ul></div><span id="barrines2">///////</span>



Código JAVASCRIPT:
Ver original
  1. $(document).ready(function(){
  2.  
  3.     var playItem = 0;
  4.  
  5.     var myPlayList = [
  6.         {/*Aqui un listado de temas mp3*/}
  7.     ];
  8.  
  9.  
  10.     $("#jquery_jplayer").jPlayer({
  11.         ready: function() {
  12.             displayPlayList();
  13.             playListInit(true); // Parameter is a boolean for autoplay.
  14.         },
  15.         oggSupport: true
  16.     })
  17.     .jPlayerId("play", "player_play")
  18.     .jPlayerId("pause", "player_pause")
  19.     .jPlayerId("loadBar", "player_progress_load_bar")
  20.     .jPlayerId("playBar", "player_progress_play_bar")
  21.     .jPlayerId("volumeMin", "player_volume_min")
  22.     .jPlayerId("volumeMax", "player_volume_max")
  23.     .jPlayerId("volumeBar", "player_volume_bar")
  24.     .jPlayerId("volumeBarValue", "player_volume_bar_value")
  25.     .onProgressChange( function(loadPercent, playedPercentRelative, playedPercentAbsolute, playedTime, totalTime) {
  26.         var myPlayedTime = new Date(playedTime);
  27.         var ptMin = (myPlayedTime.getUTCMinutes() < 10) ? "0" + myPlayedTime.getUTCMinutes() : myPlayedTime.getUTCMinutes();
  28.         var ptSec = (myPlayedTime.getUTCSeconds() < 10) ? "0" + myPlayedTime.getUTCSeconds() : myPlayedTime.getUTCSeconds();
  29.         $("#play_time").text(ptMin+":"+ptSec+"/");
  30.  
  31.         var myTotalTime = new Date(totalTime);
  32.         var ttMin = (myTotalTime.getUTCMinutes() < 10) ? "0" + myTotalTime.getUTCMinutes() : myTotalTime.getUTCMinutes();
  33.         var ttSec = (myTotalTime.getUTCSeconds() < 10) ? "0" + myTotalTime.getUTCSeconds() : myTotalTime.getUTCSeconds();
  34.         $("#total_time").text(ttMin+":"+ttSec);
  35.     })
  36.     .onSoundComplete( function() {
  37.         playListNext();
  38.     });
  39.  
  40.     $("#ctrl_prev").click( function() {
  41.         playListPrev();
  42.         return false;
  43.     });
  44.  
  45.     $("#ctrl_next").click( function() {
  46.         playListNext();
  47.         return false;
  48.     });
  49.  
  50.     function displayPlayList() {
  51.         for (i=0; i < myPlayList.length; i++) {
  52.             $("#playlist_list ul").append("<li id='playlist_item_"+i+"'>"+ myPlayList[i].name +"</li>");
  53.             $("#playlist_item_"+i).data( "index", i ).hover(
  54.                 function() {
  55.                     if (playItem != $(this).data("index")) {
  56.                         $(this).addClass("playlist_hover");
  57.                     }
  58.                 },
  59.                 function() {
  60.                     $(this).removeClass("playlist_hover");
  61.                 }
  62.             ).click( function() {
  63.                 var index = $(this).data("index");
  64.                 if (playItem != index) {
  65.                     playListChange( index );
  66.                 }
  67.             });
  68.         }
  69.     }
  70.  
  71.     function playListInit(autoplay) {
  72.         if(autoplay) {
  73.             playListChange( playItem );
  74.         } else {
  75.             playListConfig( playItem );
  76.         }
  77.     }
  78.  
  79.     function playListConfig( index ) {
  80.         $("#playlist_item_"+playItem).hide().removeClass("playlist_current");
  81.         $("#playlist_item_"+index).fadeIn("slow").addClass("playlist_current");
  82.         playItem = index;
  83.         $("#jquery_jplayer").setFile(myPlayList[playItem].mp3, myPlayList[playItem].ogg);
  84.     }
  85.  
  86.     function playListChange( index ) {
  87.         playListConfig( index );
  88.         $("#jquery_jplayer").play();
  89.     }
  90.  
  91.     function playListNext() {
  92.         var index = (playItem+1 < myPlayList.length) ? playItem+1 : 0;
  93.         playListChange( index );
  94.     }
  95.  
  96.     function playListPrev() {
  97.         var index = (playItem-1 >= 0) ? playItem-1 : myPlayList.length-1;
  98.         playListChange( index );
  99.     }
  100. });
  101.  
  102. window.onload = function()
  103.     {
  104.         $("#reproductor").dropShadow({left:-15, top: 3, blur: 5, opacity: 0.9, color: "#9D0000"});
  105.     }


Y un poco de CSS tambien...

Agradeceria una mano... hoy me duele la cabeza de tantas vueltas que doy... jajja
Saludos!