Jquery / Jw Player Multi Video

by blowsie

HTML

<script src="http://dl.dropbox.com/u/14037764/Development/Cdn/jwplayer/jwplayer.js"></script>
<div class="video"></div>
<div class="video"></div>
<div class="video"></div>
<div class="video"></div>
<div class="video"></div>
<div class="video"></div>
<div class="video"></div>
<div class="video"></div>
<div class="video"></div>
<div class="video"></div>
<div class="video"></div>
<div class="video"></div>
<div class="video"></div>
<div class="video"></div>
<div class="video"></div>
<div class="video"></div>
<div class="video"></div>
<div class="video"></div>
<div class="video"></div>
<div class="video"></div>
<div class="video"></div>
<div class="video"></div>
<div class="video"></div>
<div class="video"></div>

CSS

.video {float:left;}

JavaScript

$(".video").each(function(index){
    
    var vidid = "video" + index
    
    $(this).append("<div id='" + vidid + "'>Loading</div>")

jwplayer(vidid).setup({
    flashplayer: "http://dl.dropbox.com/u/14037764/Development/Cdn/jwplayer/player.swf",
    file: "http://dl.dropbox.com/u/14037764/Development/Cdn/jwplayer/video.mp4",
    height: 330,
    width: 100,
    autostart: true,
    skin: "http://dl.dropbox.com/u/14037764/Development/Cdn/jwplayer/glow.zip",
    repeat: 'always',
    wmode: "transparent" ,
    "controlbar.position" : 'none',
    mute : true
});



});