Ver Mensaje Individual
  #1 (permalink)  
Antiguo 31/12/2014, 06:02
Avatar de angelAparicio
angelAparicio
 
Fecha de Ingreso: julio-2009
Ubicación: Sevilla
Mensajes: 307
Antigüedad: 15 años, 6 meses
Puntos: 22
Reproduciendo vídeos en HTML5

Hola, estoy tratando de reproducir vídeos en HTML5 y no acabo de conseguir que funcione en todos los dispositivos (iPad, Android, Windows Phone) y navegadores (Safari, Chrome, Firefox, Explorer)

He hecho cuatro pruebas (ojo al hacer clic, que los vídeos tienen autoplay):

http://www.ortografiacantada.com/pro...s/prueba1.html
Código HTML:
Ver original
  1. <video id="video" controls autoplay>
  2.     <source src="http://www.ortografiacantada.com/programa/ortografia/app/webroot/img/m-11.mov" />
  3.     <source src="http://www.ortografiacantada.com/programa/ortografia/app/webroot/img/m-11.mp4" />
  4.     <source src="http://www.ortografiacantada.com/programa/ortografia/app/webroot/img/m-11.ogv" />

http://www.ortografiacantada.com/pro...s/prueba2.html
Código HTML:
Ver original
  1. <video id="video" controls autoplay>
  2.     <source src="http://www.ortografiacantada.com/programa/ortografia/app/webroot/img/m-11.mov" />
  3.     <source src="http://www.ortografiacantada.com/programa/ortografia/app/webroot/img/m-11.mp4" />

http://www.ortografiacantada.com/pro...s/prueba3.html
Código HTML:
Ver original
  1. <video id="video" controls autoplay>
  2.     <source src="http://www.ortografiacantada.com/programa/ortografia/app/webroot/img/m-11.mov" />
  3.     <source src="http://www.ortografiacantada.com/programa/ortografia/app/webroot/img/m-11.ogv" />

http://www.ortografiacantada.com/pro...s/prueba4.html
Código HTML:
Ver original
  1. <video id="video" controls autoplay>
  2.     <source src="http://www.ortografiacantada.com/programa/ortografia/app/webroot/img/m-11.ogv" />

¿Cuál es la opción correcta? La que mejor funciona es la primera, pero en iPad no suena la música
__________________
Mis webs:
- Programador Web Autónomo
- Conciertos en Sevilla