HTML - Problema multiples fuentes para para la etiqueta video en html5

 
Vista:
sin imagen de perfil

Problema multiples fuentes para para la etiqueta video en html5

Publicado por Gustavo (115 intervenciones) el 20/09/2013 07:52:48
Hola, de nuevo con lio, cuando no, jaja, bueno ahora intento poner varias fuentes para un video con la etiqueta video de html 5 y solo me las toma chrome y opera, firefox no(no se encontró el video con formato y tipo mime soportados) y el bendito explorer tampoco (origen no válido)


les dejo el código a ver si ustedes ven algo q yo no veo


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
<html>
  <head>
   <title>Ejemplo de distintas fuentes de video para compatibilidad de los navegadores</title>
  </head>
 
 
 
<body>
 
<video controls width="360" height="240">
 
<source src="/Genesis - Invisible Touch [LIVE] (720p) HD.ogv"   type="video/ogg; codecs=theora, vorbis">
 
 
<source src="/Genesis - Invisible Touch [LIVE] (720p) HD.webm"  type="video/webm; codecs=vp8, vorbis">
 
 
<source src="/Genesis - Invisible Touch [LIVE] (720p) HD (1).mp4"  type="video/mp4; codecs=avc, acc">
 
<p>Tu navegador no soporta el elemento <code>Video</code></p>
 
 
</video>
 
 
 
</body>
 
</html>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve
Val: 1.144
Oro
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Problema multiples fuentes para para la etiqueta video en html5

Publicado por xve (1543 intervenciones) el 20/09/2013 10:32:14
Hola Gustavo, que no vaya en explorer, la verdad es que no me sorprende... nosotros cuando programamos webs, ya no revisamos si va o no en explorer...

Lo que si que es raro, es que no funcione en Firefox... nosotros cuando utilizamos videos en html5, no ponemos nunca el codec... no se si tiene algo que ver...

utilizamos algo como:
1
2
3
4
5
<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

Si quitas el codec, te funciona en firefox?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil

Problema multiples fuentes para para la etiqueta video en html5

Publicado por Gustavo (115 intervenciones) el 20/09/2013 17:08:36
no ya lo habia probado sin los codecs y no andaba, sabes que era? , la barra inclinada al principio del archivo en firefox no lo tomaba asi y explorer tambien lo toma ahora.
gracias de nuevo xve.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil

Problema multiples fuentes para para la etiqueta video en html5

Publicado por Gustavo (115 intervenciones) el 20/09/2013 20:13:33
Dejo el código para el que quiera con compatibilidad con internet explorer 8 y anteriores (probado y funcionando con la versión 8 en un segundo disco que tengo)
Según lo que lei hay q poner el mp4 primero para los que toman la etiqueta video para que lo muestre correctamente en el iPad


1
2
3
4
5
6
7
8
9
10
11
<video  width="360" height="240" controls>
 
<source src="Genesis - Invisible Touch [LIVE] (720p) HD.mp4" type="video/mp4">
<source src="Genesis - Invisible Touch [LIVE] (720p) HD.ogv" type="video/ogg">
 
<object type="application/x-shockwave-flash"
width="360" height="240" data="Genesis - Invisible Touch [Live] (720P) Hd.swf">
<param name="movie" value="Genesis - Invisible Touch [Live] (720P) Hd.swf">
</object>
 
</video>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil

Problema multiples fuentes para para la etiqueta video en html5

Publicado por Gustavo (115 intervenciones) el 20/09/2013 22:55:15
Lo completo con un par de parametros q descubri ahora para que quede mejor el swf en caso de q el navegador no soporte la etiqueta video.
Play en false para que el swf no se reproduzca automáticamente y menu en true que crea un menu
con controles para reproducir , avanzar, rebobinar etc al hace click derecho en el video.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
<video  width="360" height="240" controls>
 
<source src="Genesis - Invisible Touch [LIVE] (720p) HD.mp4" type="video/mp4">
<source src="Genesis - Invisible Touch [LIVE] (720p) HD.ogv" type="video/ogg">
 
 
<object type="application/x-shockwave-flash"
width="360" height="240" data="Genesis - Invisible Touch [Live] (720P) Hd.swf">
<param name="movie" value="Genesis - Invisible Touch [Live] (720P) Hd.swf">
<param name="play" value="false">
<param name="menu" value="true">
</object>
 
</video>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
Imágen de perfil de xve
Val: 1.144
Oro
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Problema multiples fuentes para para la etiqueta video en html5

Publicado por xve (1543 intervenciones) el 21/09/2013 13:45:52
Muchas gracias Gustavo por comentarlo!!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar