2011-04-26 98 views
4

试图用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', 
     controlbar: 'none', 
     stretching: 'fill', 
     height: 120, 
     width: 120 
    }); 

该代码实际工作。但是这需要我所有的视频标签都具有相同的ID。我不能做,因为我想要多个球员。

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

回答

11

我找到了答案。这是一个简单的!刚刚在每个(一个jQuery),使每一个标签被初始化:)

希望添加这个可以帮助别人:

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