This player is build using the following code.

<script type="text/javascript">
  $(function() {
    $("#osmplayer").osmplayer({
      playlist: 'playlist.xml',
      height: '500px'
    });
  });
</script>
<div id="osmplayer"></div>

Using the following playlist.

<?xml version="1.0" encoding="UTF-8"?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
   <trackList>
      <track>
         <title>YouTube: Batman</title>
         <location>http://www.youtube.com/watch?v=g8evyE9TuYk</location>
      </track>
      <track>
         <title>Vimeo: Aquarium</title>
         <location>http://vimeo.com/5606758</location>
      </track>
      <track>
         <title>HTML5: Matagascar III</title>
         <location>http://progressive.totaleclips.com.edgesuite.net/105/e105598_257.mp4</location>
         <image>http://www.movieposter.com/posters/archive/main/143/MPW-71686</image>
      </track>
      <track>
         <title>HTML5: Snow White and the Huntsman</title>
         <location>http://progressive.totaleclips.com.edgesuite.net/103/e103981_257.mp4</location>
         <image>http://www.movieposter.com/posters/archive/main/142/MPW-71148</image>
      </track>
      <track>
         <title>HTML5: Men in Black III</title>
         <location>http://progressive.totaleclips.com.edgesuite.net/105/e105857_257.mp4</location>
         <image>http://www.movieposter.com/posters/archive/main/146/MPW-73434</image>
      </track>
      <track>
         <title>HTML5: The Three Stooges</title>
         <location>http://progressive.totaleclips.com.edgesuite.net/105/e105408_227.mp4</location>
         <image>http://www.movieposter.com/posters/archive/main/143/MPW-71689</image>
      </track>
      <track>
         <title>HTML5: The Hunger Games</title>
         <location>http://progressive.totaleclips.com.edgesuite.net/107/e107950_227.mp4</location>
         <image>http://collider.com/wp-content/uploads/the-hunger-games-poster1.jpg</image>
      </track>
      <track>
         <title>HTML5: Se7en</title>
         <location>http://progressive.totaleclips.com.edgesuite.net/102/e10278_301.mp4</location>
         <image>http://www.movieposter.com/posters/archive/main/84/MPW-42060</image>
      </track>
      <track>
         <title>HTML5: The Matrix</title>
         <location>http://progressive.totaleclips.com.edgesuite.net/445/e44573_301.mp4</location>
         <image>http://www.movieposter.com/posters/archive/main/9/A70-4902</image>
      </track>
      <track>
         <title>HTML5: Amelie</title>
         <location>http://progressive.totaleclips.com.edgesuite.net/203/e20379_301.mp4</location>
         <image>http://www.movieposter.com/posters/archive/main/91/MPW-45860</image>
      </track>
      <track>
         <title>HTML5: The Prestige</title>
         <location>http://progressive.totaleclips.com.edgesuite.net/308/e30871_257.mp4</location>
         <image>http://www.movieposter.com/posters/archive/main/76/MPW-38403</image>
      </track>
   </trackList>
</playlist>