On my site, I have video that plays from a FLV file. The way it currently works, it automatically starts loading the video when the page loads. The problem is that if I set another video to run after the first, it halts the browser so that none of the links will go anywhere until its done loading all of the video.
Here is my code:
// Set Videos Behavior
// Create a videos object to hold a video
// playlist and event handler functions...
var videos:Object = new Object();
// Set up to 7 video feeds in a single component
videos.list = new Array();
videos.list[0] = "NHRAetownqualifying2.flv";
videos.list[1] = "NHRAetownqualifying.flv";
videos.list[2] = "";
videos.list[3] = "";
videos.list[4] = "";
videos.list[5] = "";
videos.list[6] = "";
videos.loop = true;
videos.length = 1;
videos.loaded = false;
// Path to FLVPlayback components
var m = this.part1;
// Set the path of the first video feed
m.contentPath = videos.list[0];
// Set a 'ready' event handler to load the videos
videos.ready = function( evt:Object ):Void
{
if(!this.loaded){
this.loaded = true;
for( var n=1; n<this.list.length; n++ ){
if( videos.list[n].indexOf(".flv") != -1 ){
m.activeVideoPlayerIndex = n;
m.contentPath = videos.list[n];
this.length++;
}
}
m.activeVideoPlayerIndex = 0;
}
}
m.addEventListener("ready",videos);
// Set a 'complete' event handler to load the next video
videos.complete = function( evt:Object ):Void
{
var nextIndex = Number(evt.vp)+1;
if( nextIndex == this.length){
if( this.loop ){
nextIndex = 0;
}else{
return;
}
}
m.activeVideoPlayerIndex = nextIndex;
m.visibleVideoPlayerIndex = nextIndex;
m.play();
}
m.addEventListener("complete",videos);
// End Set Videos Behavior
Now if I only put one video on the list, it’ll work fine so I’m guessing that if i can stop the second video from loading until the first one is done, it should fix the problem. Any thoughts?