Create thumbnail from video file via file input
Canvas.drawImage must be based on html content. source here is a simplier jsfiddle //and code function capture(){ var canvas = document.getElementById(‘canvas’); var video = document.getElementById(‘video’); canvas.getContext(‘2d’).drawImage(video, 0, 0, video.videoWidth, video.videoHeight); } The advantage of this solution is that you can select the thumbnail you want based on the time of the video.