Javascript JWplayer-一个页面上有多个播放器

我在一个页面上有3个视频，但是只有第一个加载

我知道我必须为每个循环创建一个循环，但不确定如何进行。谁能给我指出正确的方向吗？谢谢

我的页面看起来像：

<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>

正在加载播放器。。。
jwplayer（“容器”）。设置({
flashplayer:“/jwplayer/player.swf”，
文件：“vid1.flv”，
身高：270，
宽度：480
});
正在加载播放器。。。
jwplayer（“容器”）。设置({
flashplayer:“/jwplayer/player.swf”，
文件：“vid2.flv”，
身高：270，
宽度：480
});
正在加载播放器。。。
jwplayer（“容器”）。设置({
flashplayer:“/jwplayer/player.swf”，
文件：“vid3.flv”，
身高：270，
宽度：480
});

好的，答案很简单。。。我只是给了他们个人的名字：

例如：

正在加载播放器。。。
jwplayer（“容器1”）。设置({
flashplayer:“/jwplayer/player.swf”，
文件：“vid1.flv”，
身高：270，
宽度：480
});
正在加载播放器。。。
jwplayer（“容器2”）。设置({
flashplayer:“/jwplayer/player.swf”，
文件：“vid2.flv”，
身高：270，
宽度：480
});

您缺少类选择器的

。是的，我在jwplayer.js中找不到“container”元素的引用位置，因此我无法更改它。您不是使用id而不是类吗？@sylv3rblade是的，尝试了这两种方法-相同的结果我有相同的问题，也使用了您的“解决方案”，但这很荒谬。对于20个视频（同一个视频，页面上20次），加载时间非常慢，页面在播放器启动之前没有响应。这不是一个可接受的解决方案。正在搜索另一个。@Sumit请尝试JQuery惰性加载插件。如果你愿意，你可以把它链接到一个事件上——我在一个页面上有大约20个YouTube视频，加载这些视频花了很长时间，所以当页面滚动时，链接延迟加载加载它们。最后，我以套印格式显示所有视频，只有当套印格式打开时才启动它们。

<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>