Ver Mensaje Individual
  #6 (permalink)  
Antiguo 02/04/2013, 20:53
Avatar de Faks
Faks
 
Fecha de Ingreso: junio-2012
Mensajes: 26
Antigüedad: 12 años, 5 meses
Puntos: 1
Respuesta: Multiples videos con html5

Cita:
Iniciado por emprear Ver Mensaje
Pdés hacer algo asi

Código HTML:
Ver original
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="es-ar">
  3. <meta charset="utf-8" />
  4. <title>cambio de video source</title>
  5. </head>
  6.     <div>
  7. <video poster="ACDC.jpg"  id="videouno" preload="auto"  autoplay="autoplay" controls>
  8. <source src="intro.webm" type="video/webm" id="webm">
  9. </div>
  10.  
  11. <script type="text/javascript">
  12. //<![CDATA[
  13. var v = document.getElementById("videouno");
  14. var wbm = document.getElementById("webm");
  15. var t;
  16. function verifica_fin(){
  17. if (v.ended){// cuando finaliza....
  18. wbm.src ='ACDC.ogv'; // modifica el src
  19. v.load(); // carga
  20. v.play(); // y lo reproduce
  21. }
  22. }
  23. t = setInterval('verifica_fin()',1000);
  24. //]]>
  25. </body>
  26. </html>
Claro que para hacerla compatible, habria que analizar que navegador se usa y cambiar el src apropiado, yo puse solo uno

SAludos
Genial, funciona perfecto.. por el momento estoy usando solo formato mp4, pero el dia que suba otro tipo de archivos supongo que utilizando el "if" para comparar navegadores y tire diferentes códigos.