javascript - 我可以在一个页面上使用几个 JW 播放器吗？

Question

我想在一个网站上使用几个 JW 播放器。实际上我需要放置其中的 48 个，但只有一个可见。我认为它与“容器”参数有关。

<script type="text/javascript" src="http://video.captive-portal.com/jwplayer.js"></script>
<script type="text/javascript">
    jwplayer("container").setup({
        flashplayer: "http://video.captive-portal.com/player.swf",
        file: "http://content.captive-portal.com/campaigns/sky/videos/1/1.mp4",
        image: "http://content.captive-portal.com/campaigns/sky/videos/1/1.jpg",
        width: 480,
        height: 270
    });


<script type="text/javascript" src="http://video.captive-portal.com/jwplayer.js"></script>
<script type="text/javascript">
    jwplayer("container").setup({
        flashplayer: "http://video.captive-portal.com/player.swf",
        file: "http://content.captive-portal.com/campaigns/sky/videos/1/2.mp4",
        image: "http://content.captive-portal.com/campaigns/sky/videos/1/2.jpg",
        width: 480,
        height: 270
    });
</script>

如果我将第一个容器的“容器”更改为其他任何内容，它只显示第二个容器，所以我假设容器包含内容(显然)。我如何修改它才能在一页上播放多个视频？我敢肯定有人也遇到过这个问题。非常感谢。

Answer 1

您的页面上需要有 48 个不同的 DIV 标签，每个代码将引用不同的 div 标签(带有 ID 或其他内容)。此外，您只需在一个脚本标签中获取一次 jwplayer js 文件，其余所有代码也可以合并到一个脚本标签中。

这基本上会在一个页面上显示 48 个玩家，这不是一个好主意。您实际需要做的是，实际上只在一个页面中加载 48 张图像，并使用 javascript 仅在单击图像时使用相应的视频加载播放器。