Create thumbnail from video file via file input

Canvas.drawImage must be based on html content.


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.

Leave a Comment