JW Player 可以让多个玩家一起玩吗？

Question

尝试用JW Player实现多个播放器。我尝试了几种方法并查看了文档，但我不太确定为什么代码会被破坏。

代码片段如下所示：

In head:

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

JS:

    $('video').jwplayer({
        flashplayer: '/jwplayer/player.swf',
        controlbar: 'none',
        stretching: 'fill',
        height: 120,
        width: 120
     });

HTML:

<video  id="video" src="/media/original/original-video.mp4">Loading Video ...</video>

我收到的错误是：

$("video").jwplayer is not a function

现在我认为这是意味着 jwplayer.js 文件没有被加载。然后我读到可能是因为速记 $ 没有被拾取，所以我尝试了 jQuery。没有一个起作用。然而，当我更改 JavaScript 以便它播放单个视频时，例如：

    jwplayer('video').setup({
        flashplayer: '/jwplayer/player.swf',
        controlbar: 'none',
        stretching: 'fill',
        height: 120,
        width: 120
     });

代码实际上有效。然而，这要求我的所有视频标签都具有相同的 ID。我不能这样做，因为我想要多个玩家。

任何帮助将不胜感激。如果有例子就更好了！感谢您的阅读。

Answer 1

我找到了答案。这很简单！只需添加 jQueryeach() 以便每个标签都被初始化:)

希望这对其他人有帮助：

$('video').each(function(){
    jwplayer(this.id).setup({
        flashplayer: '/jwplayer/player.swf',
        controlbar: 'none',
        height: 120,
        width: 120      
    });
});