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<div id="reproductor"><div id="jquery_jplayer"></div> <ul id="player_controls"> <li id="player_play">play
</li> <li id="player_pause">pause
</li> <li id="player_volume_min">min volume
</li> <li id="player_volume_max">max volume
</li> <li id="ctrl_prev">previous
</li> <li id="ctrl_next">next
</li> <div id="player_progress"> <div id="player_progress_load_bar"> <div id="player_progress_play_bar"></div> <div id="player_volume_bar"> <div id="player_volume_bar_value"></div>
Código JAVASCRIPT
:
Ver original$(document).ready(function(){
var playItem = 0;
var myPlayList = [
{/*Aqui un listado de temas mp3*/}
];
$("#jquery_jplayer").jPlayer({
ready: function() {
displayPlayList();
playListInit(true); // Parameter is a boolean for autoplay.
},
oggSupport: true
})
.jPlayerId("play", "player_play")
.jPlayerId("pause", "player_pause")
.jPlayerId("loadBar", "player_progress_load_bar")
.jPlayerId("playBar", "player_progress_play_bar")
.jPlayerId("volumeMin", "player_volume_min")
.jPlayerId("volumeMax", "player_volume_max")
.jPlayerId("volumeBar", "player_volume_bar")
.jPlayerId("volumeBarValue", "player_volume_bar_value")
.onProgressChange( function(loadPercent, playedPercentRelative, playedPercentAbsolute, playedTime, totalTime) {
var myPlayedTime = new Date(playedTime);
var ptMin = (myPlayedTime.getUTCMinutes() < 10) ? "0" + myPlayedTime.getUTCMinutes() : myPlayedTime.getUTCMinutes();
var ptSec = (myPlayedTime.getUTCSeconds() < 10) ? "0" + myPlayedTime.getUTCSeconds() : myPlayedTime.getUTCSeconds();
$("#play_time").text(ptMin+":"+ptSec+"/");
var myTotalTime = new Date(totalTime);
var ttMin = (myTotalTime.getUTCMinutes() < 10) ? "0" + myTotalTime.getUTCMinutes() : myTotalTime.getUTCMinutes();
var ttSec = (myTotalTime.getUTCSeconds() < 10) ? "0" + myTotalTime.getUTCSeconds() : myTotalTime.getUTCSeconds();
$("#total_time").text(ttMin+":"+ttSec);
})
.onSoundComplete( function() {
playListNext();
});
$("#ctrl_prev").click( function() {
playListPrev();
return false;
});
$("#ctrl_next").click( function() {
playListNext();
return false;
});
function displayPlayList() {
for (i=0; i < myPlayList.length; i++) {
$("#playlist_list ul").append("<li id='playlist_item_"+i+"'>"+ myPlayList[i].name +"</li>");
$("#playlist_item_"+i).data( "index", i ).hover(
function() {
if (playItem != $(this).data("index")) {
$(this).addClass("playlist_hover");
}
},
function() {
$(this).removeClass("playlist_hover");
}
).click( function() {
var index = $(this).data("index");
if (playItem != index) {
playListChange( index );
}
});
}
}
function playListInit(autoplay) {
if(autoplay) {
playListChange( playItem );
} else {
playListConfig( playItem );
}
}
function playListConfig( index ) {
$("#playlist_item_"+playItem).hide().removeClass("playlist_current");
$("#playlist_item_"+index).fadeIn("slow").addClass("playlist_current");
playItem = index;
$("#jquery_jplayer").setFile(myPlayList[playItem].mp3, myPlayList[playItem].ogg);
}
function playListChange( index ) {
playListConfig( index );
$("#jquery_jplayer").play();
}
function playListNext() {
var index = (playItem+1 < myPlayList.length) ? playItem+1 : 0;
playListChange( index );
}
function playListPrev() {
var index = (playItem-1 >= 0) ? playItem-1 : myPlayList.length-1;
playListChange( index );
}
});
window.onload = function()
{
$("#reproductor").dropShadow({left:-15, top: 3, blur: 5, opacity: 0.9, color: "#9D0000"});
}
Y un poco de CSS tambien...
Agradeceria una mano... hoy me duele la cabeza de tantas vueltas que doy... jajja
Saludos!