在javascript中向HTML5视频添加源代码？

我正在为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;

但是，为了兼容性，我想实现多个源。如何通过java脚本添加多个源代码？

---

我希望以正确的方式执行此操作，而不是通过innerHtml。

创建一个新的

source

元素，并将其附加到

video

元素：

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();

---

这里有一个答案。

谢谢你，伙计！你不仅回答了我的问题，还向我展示了小提琴，棒极了！我仍然认为他们应该有一个video.source.1类型的交易，这样可以更加精简，但我想这有点违背标准html。