
2 players, same div
I copy this from another post, as example:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<script type="text/javascript" src="http://player.longtailvideo.com/jwplayer.js"></script>
<title>Multiple</title>
</head>
<body>
<div id="container"></div>
<script type="text/javascript">
jwplayer("container").setup({
file: "http://www.longtailvideo.com/jw/upload/bunny.mp4",
image: "http://www.longtailvideo.com/jw/upload/bunny.jpg",
height: 300,
width: 400,
controlbar: "bottom"
});
</script>
<div id="container2"></div>
<script type="text/javascript">
jwplayer("container2").setup({
file: "http://www.longtailvideo.com/jw/upload/bunny.flv",
image: "http://www.longtailvideo.com/jw/upload/bunny.jpg",
height: 300,
width: 400,
controlbar: "bottom"
});
</script>
<\html>
If I use this code it will be showed 2 videos on the page. I want to use two different players (jwplayer 6 and jwplayer 7) on the same div
I try deleting <div id="container2"></div> and the second player doesn't show off,
and I'm trying to change the players, using this:
onclick="jwplayer("container").play(); jwplayer("container").setCurrentQuality(0);jwplayer("container").setFullscreen(true)"></button>
onclick="jwplayer("container2").play(); jwplayer("container2").setCurrentQuality(0);jwplayer("container2").setFullscreen(true)"></button>
it only works for the container, not for the container2
Any ideas how I do that?