Ver Mensaje Individual
  #1 (permalink)  
Antiguo 07/05/2014, 18:27
campos22ale
 
Fecha de Ingreso: julio-2013
Mensajes: 31
Antigüedad: 11 años, 6 meses
Puntos: 0
Obtener canvas de todos los videos

Hola, el siguiente código obtiene una captura del video y muestre en canvas.

Lo que necesito es que funcione para mas de un video y los muestre en otro, es decir que el código funcione para todos y no el video que le paso yo.

Código HTML:
Ver original
  1. <video id="video1" controls width="270" >
  2.   <source src="mov_bbb.mp4" type='video/mp4'>
  3.   <source src="mov_bbb.ogg" type='video/ogg'>
  4.   <source src="mov_bbb.webm" type='video/webm'>
  5.  
  6. <canvas id="myCanvas"></canvas>

Código Javascript:
Ver original
  1. <script>
  2. var v=document.getElementById("video1");
  3. var c=document.getElementById("myCanvas");
  4. ctx=c.getContext('2d');
  5.  
  6.     v.addEventListener('loadeddata', function(){
  7.     ctx.drawImage(v,5,5,260,125)},false);
  8.    
  9. </script>

Última edición por campos22ale; 08/05/2014 a las 09:15