title: Adding sources to HTML5 video in javascript?
body: <p>I am running the following code for html5 video.</p>
  
  <pre><code>var media;
  function videotr(){
    media = document.createElement('video');
    media.preload = true;
    media.id = 'it'; 
    document.getElementById('crop').appendChild(media)
    return media;
  }                
  var div = document.getElementById('crop');
  $(div).empty();
  this.image = new videotr();
  this.image.src = args.src;
  </code></pre>
  
  <p>However, I would like to implement multiple sources for compatibility. How can add in multiple sources through java script?
  I want to do this the right way, not through innerHtml.</p>