[Solved] How to create a thumbnail image from a video in a JavaScript Application [closed]
Using Canvas you can capture the video Thumb. here is the working example. function thumbnail(){ var canvas = document.getElementById(‘canvas’); var video = document.getElementById(‘video’); canvas.getContext(‘2d’).drawImage(video, 0, 0, video.videoWidth, video.videoHeight); } document.getElementById(‘capture’).addEventListener(‘click’, function(){ thumbnail(); }); <button id=”capture”> capture </button> <canvas id=”canvas”></canvas> <video width=”320″ height=”240″ id=”video” controls> <source src=http://techslides.com/demos/sample-videos/small.ogv type=video/ogg> <source src=http://techslides.com/demos/sample-videos/small.mp4 type=video/mp4> Your browser does not support … Read more