Esto es lo que pude lograr hasta ahora pero me da un error.
"TypeError: Argument 1 of CanvasRenderingContext2D.drawImage could not be converted to any of: HTMLImageElement, HTMLCanvasElement, HTMLVideoElement."
es en esta linea: ctx.drawImage(v[i],5,5,260,125);
Les dejo el codigo para que me puedan ayudar. Gracias!
Código Javascript
:
Ver original<script>
var v=document.getElementsByTagName("video");
var canvas=document.getElementById("myCanvas");
for (var i=0;i<v.length;i++){
v[i].parentNode.insertBefore(canvas,v[i]);
ctx=canvas.getContext('2d');
v[i].addEventListener('loadeddata', function(){
ctx.drawImage(v[i],5,5,260,125);
},false);
}
</script>