Foros del Web » Creando para Internet » HTML »

Reproduciendo vídeos en HTML5

Estas en el tema de Reproduciendo vídeos en HTML5 en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 31/12/2014, 06:02
Avatar de angelAparicio  
Fecha de Ingreso: julio-2009
Ubicación: Sevilla
Mensajes: 307
Antigüedad: 14 años, 9 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
  #2 (permalink)  
Antiguo 31/12/2014, 06:45
 
Fecha de Ingreso: diciembre-2014
Mensajes: 111
Antigüedad: 9 años, 5 meses
Puntos: 9
Respuesta: Reproduciendo vídeos en HTML5

Realmente "la buena" no la has hecho, que sería .mp4 y .ogv, .mov no es necesario para ningún navegador en concreto que yo conozca, ahora, lo del iPad me deja fuera de juego... ¿Te aparecen bien los controles del audio aunque no suene?
  #3 (permalink)  
Antiguo 31/12/2014, 07:46
Avatar de angelAparicio  
Fecha de Ingreso: julio-2009
Ubicación: Sevilla
Mensajes: 307
Antigüedad: 14 años, 9 meses
Puntos: 22
Respuesta: Reproduciendo vídeos en HTML5

No, los controles de audio no aparecen. No tengo aquí a mano un iPad, pero probando en Safari sobre Mac se ve el vídeo, pero sin sonido ni controles de audio:
http://www.ortografiacantada.com/pro...s/prueba5.html

Código HTML:
Ver original
  1. <video id="video" controls>
  2.     <source src="http://www.ortografiacantada.com/programa/ortografia/app/webroot/img/m-11.mp4" />
  3.     <source src="http://www.ortografiacantada.com/programa/ortografia/app/webroot/img/m-11.ogv" />
__________________
Mis webs:
- Programador Web Autónomo
- Conciertos en Sevilla
  #4 (permalink)  
Antiguo 02/01/2015, 07:12
Avatar de angelAparicio  
Fecha de Ingreso: julio-2009
Ubicación: Sevilla
Mensajes: 307
Antigüedad: 14 años, 9 meses
Puntos: 22
Respuesta: Reproduciendo vídeos en HTML5

La opción 1 ya me funciona, aunque tengo que instalar Firefox en la tablet de Android para que funcione el autoplay.
__________________
Mis webs:
- Programador Web Autónomo
- Conciertos en Sevilla

Etiquetas: html5, video
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:00.