Adding sources to HTML5 video in javascript?

Question

I am running the following code for html5 video.

var media;
function videotr(){
  media = document.createElement(\'video\');
  media.preload = true;
  media.id =         


        

Answer 1

Create a new source element and append it to the video element:

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

Here's a fiddle for it.