title: I need help in creating an HTML5 Video Player with an Playlist that automatically plays all videos in the Playlist
body: <p>First of all, I'm not a programmer, I have some basic knowledge in HTML and CSS but when it comes to javascript I'm pretty much lost.
  I found this jsfiddle: <a href="http://jsfiddle.net/Jzs6B/655/" rel="nofollow">http://jsfiddle.net/Jzs6B/655/</a> with an HTML5 Player with a Playlist, is there any possibility to upgrade this player, so that it begins to automatically play the first video in the playlist once the player is loaded, then the second when the first one ended and so on until all Videos in the Playlist have been played from the top to the bottom?</p>
  
  <p>Here is the relevant javascript code: </p>
  
  <pre><code>$(function() {
      $("#playlist li").on("click", function() {
          $("#videoarea").attr({
              "src": $(this).attr("movieurl"),
              "poster": "",
              "autoplay": "autoplay"
          })
      })
      $("#videoarea").attr({
          "src": $("#playlist li").eq(0).attr("movieurl"),
          "poster": $("#playlist li").eq(0).attr("moviesposter")
      })
  })​
  </code></pre>