CODEWITHSUNDEEP
javascriptjqueryvideoflashjwplayer
MeltingDog
MeltingDog

Reputation: 15404

JWplayer - multiple players on one page

I have 3 videos on one page, however only the first loads.

I understand I must create a for each loop but am unsure how to go about it. Can anyone point me in the right direction? Thanks

My page looks like:

<script type="text/javascript" src="jwplayer.js"></script>


<div class="container">Loading the player ...</div>
<script type="text/javascript">
jwplayer("container").setup({
flashplayer: "/jwplayer/player.swf",
file: "vid1.flv",
height: 270,
width: 480
});
</script>


<div class="container">Loading the player ...</div>
<script type="text/javascript">
jwplayer("container").setup({
flashplayer: "/jwplayer/player.swf",
file: "vid2.flv",
height: 270,
width: 480
});
</script>


<div class="container">Loading the player ...</div>
<script type="text/javascript">
jwplayer("container").setup({
flashplayer: "/jwplayer/player.swf",
file: "vid3.flv",
height: 270,
width: 480
});
</script>

Upvotes: 0

Views: 8742

Answers (1)

MeltingDog
MeltingDog

Reputation: 15404

OK the answer was simple... I just gave the divs individual names:

EG:

<div id="container1">Loading the player ...</div>
<script type="text/javascript">
jwplayer("container1").setup({
flashplayer: "/jwplayer/player.swf",
file: "vid1.flv",
height: 270,
width: 480
});
</script>


<div id="container2">Loading the player ...</div>
<script type="text/javascript">
jwplayer("container2").setup({
flashplayer: "/jwplayer/player.swf",
file: "vid2.flv",
height: 270,
width: 480
});
</script>

Upvotes: 1

Related Questions