Having problems constructing page with 2 FLV videos on same page

Using FlowPlayer; any suggestions for a better free FLV player?

[BBCMember]

I was able to get FlowPlayer to work with just one FLV video on the page, but having two FLV videos to show up on the same page is an issue. Is it because they are both trying to use the same player and only one video can use the player at a time? What happens with the second video is that it just doesn't show up on the page at all. It's just a blank white space where the video should be.

If it needs a second player, can I just copy the file of the player, rename it, and then change the embed code to reflect the change? If so, will I need to do that for all three files that one needs to use for the player to work?

Here is the coding that I use for each player (I have changed the path to the file to a bogus one for posting purposes):

<a
href="http://www.mydomain.com/folder/fiel.flv"
style="display:block;width:640px;height:360px;"
id="player">
</a>
<script language="JavaScript">
flowplayer("player", "flowplayer-3.1.1.swf", {
clip: {

// these two configuration variables does the trick
autoPlay: false,
autoBuffering: true // <- do not place a comma here
}
});
</script>

For the second video, I use the same exact coding except the path to the file and the resolutions are different.

And if you think there is a better free FLV player out there for websites, please do tell. Thanks.

[rocknbil]

The problem is here . . .

id="player"

And here . . .

flowplayer("player",

ID's represent unique elements on a page. You will have to create a second instance of "flowplayer" and a second ID:

id="player2"
......
flowplayer("player2",....

The creator's documentation may support multiple players on one page, refer to any help files from them for further answers.

[BBCMember]

Perfect. That did it. Thanks a lot, rocknbil. Greatly appreciated.