Estaba tratando de capturar un fotograma de un video y dibujarlo en un lienzo usando HTML5, pero el siguiente código no funciona. cuando hago clic en el botón de inicio del lienzo se llena con el color negroHTML5 drawimage de video a lienzo
<video src="video2.mp4" autoplay="true" type="video/mp4" width="300" height="200" id="vid">
</video>
<canvas id="cvs"> </canvas>
<button onclick="start()">Start</button>
<script>
var video=document.getElementById("vid");
var cvs=document.getElementById("cvs");
function start(){
cvs.getContext("2d").drawImage(video, 0, 0, 300,200);
}
</script>