HTML5 drawimage de la vidéo sur la toile

J'essayais de capturer une image à partir de la vidéo et le dessin de la toile à l'aide de HTML5, mais le code ci-dessous ne fonctionne pas. quand je clique sur le bouton démarrer de la toile est remplie avec la couleur noire

    <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>

OriginalL'auteur Manoj kumar | 2012-09-04