jquery – JW Player的多个玩家？

尝试使用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',width: 120
     });

代码实际上有效.但是,这要求我的所有视频标签都具有相同的ID.我不能做,因为我想要多个玩家.

任何帮助将非常感激.一个例子会更好！谢谢阅读.

解决方法

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

希望这有助于其他人：

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