// 
// SimplePoster 1.0
//
// Extremely simple function to enable poster frame behavior.
//
// Tags to put in your calling element:
// "title" = the movie's URL (without extension)
// "fallback" = some text for incompatible browsers
// "m4v" = source to m4v video
// "mov" = source to mov video
// "ogv" = source to ogv video
//

function simplePoster(elem) {
    
    var vid = document.createElement("video"),
        backup = document.createElement("p"),
        src;

    vid.setAttribute("width", elem.getAttribute('width'));
    vid.setAttribute("height", elem.getAttribute('height'));
    vid.setAttribute("controls", "true");
    vid.setAttribute("autoplay", "true");
    
    if (elem.getAttribute("mov")) {
        src = document.createElement("source");
        src.setAttribute("src", elem.getAttribute("mov"));
        src.setAttribute("type", "video/quicktime");
        vid.appendChild(src);   
    }

    if (elem.getAttribute("m4v")) {
        src = document.createElement("source");
        src.setAttribute("src", elem.getAttribute("m4v"));
        src.setAttribute("type", "video/mp4");
        vid.appendChild(src);
    }
    
    if (elem.getAttribute("ogv")) {
        var src = document.createElement("source");
        src.setAttribute("src", elem.getAttribute("ogv"));
        src.setAttribute("type", "video/ogg");
        vid.appendChild(src);
    }
    
    backup.setAttribute("class", "simplePosterFallback");
    backup.appendChild(document.createTextNode(elem.getAttribute('fallback')));
    
    vid.appendChild(backup);
    elem.parentNode.replaceChild(vid, elem);

}