Uncaught Error: INVALID_STATE_ERR: DOM Exception 11 with webkitEnterFullScreen
===

    $(document).ready(function(){
    		var url = 'video.mp4'
    		var video = $(document.createElement('video'))
    		
    		video.attr("width", 300);
            video.attr("height", 150);
            video.attr("src", url);
            video.attr("controls", true);
            video.attr("id", "video");
    		
            video[0].addEventListener("play", function() {  }, false);
    		
    		video[0].play();
    		video[0].webkitEnterFullScreen();
    		
    		$('body').append(video);
    		
    	})
Uncaught Error: INVALID_STATE_ERR: DOM Exception 11

What am I doing wrong?