Dynamically create a HTML5 video element without it being shown in the page

Question

Is it possible to dynamically create a HTML5 video element so that I can access the element by API\'s like document.getElementById or Name but it may not show up in

Answer 1

Updated (and simplest) way to achieve this (since Google searches are leading here):

var x = document.createElement("VIDEO");

if (x.canPlayType("video/mp4")) {
    x.setAttribute("src","movie.mp4");
} else {
    x.setAttribute("src","movie.ogg");
}

x.setAttribute("width", "320");
x.setAttribute("height", "240");
x.setAttribute("controls", "controls");
document.body.appendChild(x);