title: Playing Multiple songs in HTML
body: <p>I found a JSFiddle that I really like: <a href="http://jsfiddle.net/fYjLx/" rel="nofollow noreferrer">http://jsfiddle.net/fYjLx/</a> </p>
  
  <p>The issue is that when I incorporate it into my website, the audio player looks grey and doesn't work.  Here's the code: </p>
  
  <p>JS
      </p>
  
  <pre><code>(function() {
  var Mp3Queue = function(container, files) {
      var index = 1;
      if(!container || !container.tagName || container.tagName !== 
  'AUDIO')throw 'Invalid container';
      if(!files || !files.length)throw 'Invalid files array';        
  
      var playNext = function() {
          if(index &lt; files.length) {
              container.src = files[index];
              index += 1;
          } else {
              container.removeEventListener('ended', playNext, false);
          }
      };
  
      container.addEventListener('ended', playNext);
  
      container.src = files[0];
  };
  
  var container = document.getElementById('container');
  
  new Mp3Queue(container, [
      'file:///C:/Users/Nick/Desktop/Music/songs/blue.mp3',
      'file:///C:/Users/Nick/Desktop/Music/songs/blue.mp3'
  ]);
  })();
  
  &lt;/script&gt;
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;audio id="container" controls="" autoplay=""&gt;&lt;/audio&gt;
  </code></pre>
  
  <p>I don't get why it's not working.  My mp3 files are located in a folder called songs, which resides inside a folder called Music, which is on my Desktop.</p>