Ajouter des sources à la vidéo HTML5 en javascript?

J'exécute le code suivant pour la vidéo html5.

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;

Cependant, je tiens à mettre en œuvre de multiples sources pour la compatibilité. Comment pouvez ajouter de multiples sources java script?
Je veux le faire de la bonne manière, pas avec innerHtml.

source d'informationauteur Confused_Coder

  1. 28

    Créer un nouveau source élément et l'ajouter à la video élément:

    function addSourceToVideo(element, src, type) {
    var source = document.createElement('source');

    source.src = src;
    source.type = type;

    element.appendChild(source);
}

var video = document.createElement('video');

document.body.appendChild(video);

addSourceToVideo(video, 'http://upload.wikimedia.org/wikipedia/commons/7/79/Big_Buck_Bunny_small.ogv', 'video/ogg');

video.play();

    Voici un violon.