有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      
    });
});