Capture picture from videos online

screenshot-videos.js

// Paste the following code in your developer console
var canvas = document.createElement('canvas');
var theVideo = document.querySelector('video');
canvas.width = theVideo.videoWidth;
canvas.height = theVideo.videoHeight;
canvas.getContext('2d').drawImage(theVideo, 0, 0, theVideo.videoWidth, theVideo.videoHeight);
var png = canvas.toDataURL('image/png');
var link = document.createElement('a');
link.href = png;
link.setAttribute('download', 'capture.png');
document.body.appendChild(link);
link.click();
document.body.removeChild(link);

// OR

// Drag and drop the following line in your browser Bookmark toolbar
javascript:var canvas=document.createElement('canvas');var theVideo=document.querySelector('video');canvas.width=theVideo.videoWidth;canvas.height=theVideo.videoHeight;canvas.getContext('2d').drawImage(theVideo,0,0,theVideo.videoWidth,theVideo.videoHeight);var png=canvas.toDataURL('image/png');var link=document.createElement('a');link.href=png;link.setAttribute('download','capture.png');document.body.appendChild(link);link.click();document.body.removeChild(link);