HTML5 videodan tuvalete görünüm

Question

Videodan bir kare yakalamaya ve HTML5 kullanarak tuvali çizmeye çalışıyordum, ancak aşağıdaki kod çalışmıyor. i Başlat butonuna tıklayarak zaman tuval Ben aynı problem vardı siyah renk

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

Answer 1

dolu ve bunu bir video formatı ile gerekiyordu düşünüyorum edilir. Videom bir .mp4 kapsayıcısında H264'ti. Bir .ogg videosu kullandığımda, aynı kod mükemmel bir şekilde çalıştı. Romin tarafından sağlanan bağlantıdan kodu kullanıyorum.