2011-04-26 124 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  
    }); 
});