I have a music site that uses a flash program to play music. When a song is done playing, the flash program uses getUrl to call a JavaScript (jquery) function that reloads part of the page using AJAX. It reloads the part of the page where the flash player is, which then selects and starts the next song.
This works fine in IE and Chrome. However, in FireFox the new content will not actually load unless the page is active and visible on the screen. That means that the flash player will not start playing the music unless the window or tab is right in front of the user. If the user happens to have another window or tab active, no music will play until the user switches back to the window or tab with my site in it, and then the music will start playing immediately. I've also noticed that the other AJAX-loaded content will suddenly "flash" onto the screen and replace the old content right when you switch back to the site. I want the music to play continuously even when the users do not have the site right in front of them.
Any suggestions on how to fix this? I prefer not to use ExternalInterface or even ActionScript at all since these are weak points for me. Thanks in advance!