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

有JW Player的多个玩家？

1 个答案: