<video id="videoTest" width="400" controls> <source src="video.webm" type="video/webm"/> </video> <canvas width="400" height="300"></canvas> <script> var video = document.getElementById('videoTest'); var canvas = document.querySelector('canvas'); var ctx = canvas.getContext('2d'); // Draws current image from the video element into the canvas ctx.drawImage(video, 0,0, canvas.width, canvas.height); </script>