jquery - JW Player 有多位玩家？

Question

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

代码片段如下所示:

在头部:

<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

我找到了答案。这是一个简单的!只需添加一个 jQuery each() 以便初始化每个标签 :)

希望这对其他人有帮助:

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