Continous video playlist

HTML

<div id="videoplayer" width="600" height="800"></div>

<H1>TEST TEXT OVERLAYING THE BACKGROUND</H1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec odio leo, auctor eget scelerisque nec, tincidunt eget eros. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque eget pharetra augue, id pellentesque metus. Morbi viverra massa velit, eu ornare lorem cursus vel. Suspendisse auctor est ut dui pulvinar, ut scelerisque mi varius. Nulla et pulvinar lectus. Nulla volutpat eros augue. Fusce mi tortor, aliquet non neque vel, hendrerit gravida nisl. Cras sagittis mi sit amet porta posuere. Vivamus pellentesque mattis feugiat. Nam scelerisque, tellus vitae auctor tempus, leo leo fermentum mauris, ac rhoncus velit justo ut arcu. Proin tempor non sem nec accumsan. Sed elementum auctor diam nec molestie. Duis quis commodo arcu. Pellentesque sollicitudin nibh quis massa accumsan, ut posuere ipsum porttitor. Nulla egestas fringilla ligula, sit amet lobortis ex facilisis non.

Quisque elementum felis consequat molestie blandit. Donec nec purus vel eros varius pulvinar eu id risus. Nullam suscipit venenatis lorem, sit amet tempus metus hendrerit et. Aliquam erat volutpat. Vivamus vel est lectus. Nam vehicula nisi velit, in vulputate nisi malesuada vel. Nunc ultricies finibus risus at sodales. Mauris a velit sed orci sagittis aliquet id in quam. Vestibulum ornare lacus suscipit turpis porttitor malesuada. Vestibulum lacinia fermentum purus sed sagittis. Vestibulum vitae tortor dapibus, imperdiet dolor sed, euismod lacus. In vitae auctor quam. In sed erat in eros imperdiet sagittis eu sit amet nisi. Vivamus tincidunt odio nec ex ultricies tempor.

Sed sagittis, erat in pretium elementum, libero felis malesuada risus, id fermentum sapien est non ligula. Nullam euismod interdum efficitur. Maecenas sollicitudin metus quis sollicitudin consectetur. Curabitur sagittis egestas elit, ut pellentesque mauris interdum id. Integer...

CSS

#videoplayer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}

#rawvideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

JavaScript

var videoList = ["http://www.w3schools.com/html/mov_bbb.mp4", "http://media.sublimevideo.net/v/next15-sublime_360p.mp4"];
videoList.sort(function(a, b) {return 0.5 - Math.random()});

$("#videoplayer").html("<video id='rawvideo' autoplay poster='' id='bgvid' loop><source src='" + videoList[0] + "' type='video/mp4'></video>");