HTML5-video - autoplay

HTML

<video id="video1" autobuffer controls autoplay>
    <source id="mp4" src="http://media.w3.org/2010/05/sintel/trailer.mp4" type="video/mp4"/>
</video>

<div id='new'></div>

CSS

video {
    width: 400px; 
    display: block;
}

JavaScript

$(document).ready(function(){
    
    var tt = $('<video/>', {
        id: 'video2',
        'autobuffer' : 'autobuffer',
        'controls' : 'controls',
        'autoplay' : 'autoplay',
        html     : $('<source />', {
            'src': 'http://media.w3.org/2010/05/sintel/trailer.mp4',
            'type': 'video/mp4'       
        })
    });
    $("#video1").remove();
    tt.appendTo($('#new'));
});