Hello Mark,
After I posted the question regarding CSS, I realized that I had the
wrong suspect and was too eager to assign liability. It definitely was
not a CSS issue, even though it appeared so, at first. But this time,
I hesitate a little with the prognosis, because I don't understand why
v2.0.8 appears to work on Chrome and Safari, and not on IE8, Firefox
and Opera. The symptoms seem to suggest a jPlayer problem,but I really
don't know.
For some unknown reason, v 2.0.0 and v2.0.8 generates my playlist
twice, in the same <ul>.
jplayer v2.0.5
--------------------
playlist generated once, as it should: Chrome, IE8, Firefox, Opera &
Safari (all updated versions)
jplayer v2.0.0 and v2.0.8
--------------------------
playlist generated twice: IE8, Firefox & Opera
playlist generated once: Chrome, Safari
No errorAlerts or warningEvents were issued during testing.
As for my testing methodology, I stripped-out most of the code to
simplify troubleshooting.
1) For test#1, I elimilated the jPlayer code, which is shown below.
2) For test#2, I added the jPlayer code, which is shown below after
test#1.
As you can see, the code was derived from the demos. I didn't include
the html and css below.
------------------------------Test#1
---------------------------------------
$(document).ready(function(){
var playItem = 0;
var myPlayList = [
{ name:"Tempered Song",
mp3:"
http://www.jplayer.org/audio/mp3/Miaow-01-Tempered-song.mp3",
oga:"
http://www.jplayer.org/audio/ogg/Miaow-01-Tempered-
song.ogg" },
........ the 8 intermediate songs go here .........
{ name:"Thin Ice",
mp3:"
http://www.jplayer.org/audio/mp3/Miaow-10-Thin-ice.mp3",
oga:"
http://www.jplayer.org/audio/ogg/Miaow-10-Thin-ice.ogg" }
];
displayPlayList();
function displayPlayList() {
for (i=0; i < myPlayList.length; i++) {
$("div.jp-playlist ul").append("<li id='jp_playlist_item_"+i+"'>"+
myPlayList[i].name +"</li>");
}
};
});
------------------------------------------------------------------------------
Test#1 result - POSITIVE - The playlist generated properly, thereby
eliminating the html, css and jquery.
------------------------------Test#2
---------------------------------------
$(document).ready(function(){
var playItem = 0;
var myPlayList = [
{ name:"Tempered Song",
mp3:"
http://www.jplayer.org/audio/mp3/Miaow-01-Tempered-song.mp3",
oga:"
http://www.jplayer.org/audio/ogg/Miaow-01-Tempered-
song.ogg" },
........ the 8 intermediate songs go here .........
{ name:"Thin Ice",
mp3:"
http://www.jplayer.org/audio/mp3/Miaow-10-Thin-ice.mp3",
oga:"
http://www.jplayer.org/audio/ogg/Miaow-10-Thin-ice.ogg" }
];
$("#jquery_jplayer_1").jPlayer({
ready: function() {
displayPlayList();
playListInit(false);
},
cssSelectorAncestor: "",
cssSelector: {
play: "",
pause: ""
}
});
function displayPlayList() {
for (i=0; i < myPlayList.length; i++) {
$("div.jp-playlist ul").append("<li id='jp_playlist_item_"+i+"'>"+
myPlayList[i].name +"</li>");
}
};
function playListInit(autoplay) {
if (autoplay) { playListChange(playItem); }
else { playListConfig(playItem); }
}
function playListConfig(index) {
$("#jp_playlist_item_"+playItem).removeClass("jp-playlist-current");
$("#jp_playlist_item_"+index).addClass("jp-playlist-current");
playItem = index;
$("#jquery_jplayer_1").jPlayer("setMedia", myPlayList[playItem]);
}
function playListChange(index) {
playListConfig(index);
("#jquery_jplayer_1").jPlayer("play");
}
---------------------------------------------------------------------------
Test#2 result - NEGATIVE - The playlist generated twice, thereby
making jplayer the suspect.
-------------------------------------------------------------------------------
This circumstance is very puzzling to me, since I know nothing about
the jplayer internal code.
Sorry, but I don't have an online site for you to examine at this
time.
Hopefully, I have provided enough clues to find the issue.
Regards,
Bryan
---------------------------------------------------------------------------------------------------------------------------------
On Apr 8, 7:46 am, Mark Panaghiston <
mark.panaghis...@gmail.com>
wrote: