Comunidad de diseño web y desarrollo en internet online

video para navegadores que no soportan html5

Citar            
MensajeEscrito el 16 Abr 2013 10:58 pm
Hola,

Estoy intentado poner en una web html5 un vídeo compatible con todos los navegadores html5 y los navegadores que no soportan html5.

El código para html5 creo que lo tengo bien, las líneas 'source src...'

Para verlo en navegadores que no soportan html5, utilizo la etiqueta object, pero no funciona. ¿Sabéis qué estoy haciendo mal?

Código HTML :

<video controls width="640" height="360" poster="img/brompton.jpg">

   <source src="video/brompton.mp4" type="video/mp4">
   <source src="video/brompton.webm" type='video/webm'>
   <source src="video/brompton.ogv" type="video/ogg">
   <object type="application/x-shockwave-flash" width="640" height="360" data="player.swf?file=video/brompton.mp4">
      <param name="movie" value="player.swf?file=video/brompton.mp4">
   </object>

</video>

Por walden

Claber

120 de clabLevel



 

safari
Citar            
MensajeEscrito el 16 Abr 2013 11:22 pm
Estas aplicando mal el llamado del archivo flash yo lo hago asi

Código :

<video controls autoplay>
   <source src="video/comunicado.webm" type="video/webm">
    <source src="video/comunicado.ogv" type="video/ogg">
    <source src="video/comunicado.mp4" type="video/mp4">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="640" height="360" id="video3" align="middle">
            <param name="movie" value="video3.swf" />
            <param name="quality" value="high" />
            <param name="bgcolor" value="#ffffff" />
            <param name="play" value="true" />
            <param name="loop" value="true" />
            <param name="wmode" value="window" />
            <param name="scale" value="showall" />
            <param name="menu" value="true" />
            <param name="devicefont" value="false" />
            <param name="salign" value="" />
            <param name="allowScriptAccess" value="sameDomain" />
            <!--[if !IE]>-->
            <object type="application/x-shockwave-flash" data="video3.swf" width="640" height="360">
               <param name="movie" value="video3.swf" />
               <param name="quality" value="high" />
               <param name="bgcolor" value="#ffffff" />
               <param name="play" value="true" />
               <param name="loop" value="true" />
               <param name="wmode" value="window" />
               <param name="scale" value="showall" />
               <param name="menu" value="true" />
               <param name="devicefont" value="false" />
               <param name="salign" value="" />
               <param name="allowScriptAccess" value="sameDomain" />
            <!--<![endif]-->
               <a href="http://www.adobe.com/go/getflash">
                  <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtener Adobe Flash Player" />
               </a>
            <!--[if !IE]>-->
            </object>
            <!--<![endif]-->
         </object>
</video>


y corre perfecto en todos los navegadores de escritorio claro :D

[url=http://www.theenginesoftware.com/enginetv/][/url]

Por joshuavw

Claber

306 de clabLevel



Genero:Masculino  

Juego, aprendo y programo

chrome
Citar            
MensajeEscrito el 17 Abr 2013 10:01 am
Gracias joshuavw, pero he probado el link que pones en IE8 que tengo en Windows 7 instalado en un mac, y no veo el vídeo.

En esta web sí que funciona (es el ejemplo del 2º link que pongo abajo).

Parece que hay muchas formas de hacerlo, estoy un poco saturado de tanto vídeo... :crap:
Rafael Barzanallana. Universidad de Murcia. No he conseguido que funcione.
la webera.
videojs. Con código js.

Por walden

Claber

120 de clabLevel



 

safari
Citar            
MensajeEscrito el 17 Abr 2013 02:38 pm
El ejemplo que tu pones es ejecutable de flash en version 6.0.0, puedes bajar de esta liga ya sea el ejecutable air o en html que te genera el codigo para poder abrir elementos flash en cualquier navegador
[url=https://code.google.com/p/swfobject/downloads/list][/url]

y yo digo que si lo abre lo he probado en distintos navegadores y abre sin ningun problema, igual en ie tarda en cargar porque no puse el video en streaming y por eso no lo abre de inmediato

Saludos cordiales

Por joshuavw

Claber

306 de clabLevel



Genero:Masculino  

Juego, aprendo y programo

chrome
Citar            
MensajeEscrito el 17 Abr 2013 02:39 pm
perdon no es abrir archivos flash , mas bien verlos en ie

saludos

Por joshuavw

Claber

306 de clabLevel



Genero:Masculino  

Juego, aprendo y programo

chrome
Citar            
MensajeEscrito el 17 Abr 2013 08:47 pm
He vuelto a probar tu vídeo y ahora sí lo he visto en explorer. Como has comentado lo de los navegadores de escritorio, he probado en mi móvil samsung galaxy y funciona el sonido, pero no la imagen, ¿por qué?

Por cierto, ¿qué es el documento 'video3.swf' que pones en los 'object'?

Por walden

Claber

120 de clabLevel



 

safari
Citar            
MensajeEscrito el 17 Abr 2013 09:00 pm
En ipad sí se ve.

Por walden

Claber

120 de clabLevel



 

safari
Citar            
MensajeEscrito el 17 Abr 2013 09:24 pm
el archivo video3.swf es el archivo de swf donde tiene incrustado el video, en que explorador ejecutas en el galaxy ??

saludos

Por joshuavw

Claber

306 de clabLevel



Genero:Masculino  

Juego, aprendo y programo

chrome
Citar            
MensajeEscrito el 17 Abr 2013 09:44 pm
Lo he mirado en el navegador que trae instalado, Internet 2.3.6.


Sobre el 'video3.swf', ¿por qué no lo llamas 'comunicado.swf'? como los otros vídeos.

Y otra duda con el swf, ¿no está en la carpeta 'vídeo'? como los otros, ¿o no hace falta, o no se puede poner la ruta en las etiquetas 'object' y 'param'?

Por walden

Claber

120 de clabLevel



 

safari
Citar            
MensajeEscrito el 17 Abr 2013 09:52 pm
El nombre del video le puedes poner cualquier nombre y asi como la ruta donde los llames siempre y cuando los llames perfectamente, si no fuera asi no se veria el video en la version de explorer de escritorio, como te menciono el video lo importe a un archivo.fla, hay maneras de llamar un video a flash, con un skin predeterminado donde tiene dichos controles de play pausa, etc

saludos cordiales

Por joshuavw

Claber

306 de clabLevel



Genero:Masculino  

Juego, aprendo y programo

chrome
Citar            
MensajeEscrito el 17 Abr 2013 09:58 pm
Aqui tienes una liga donde te genera el codigo

http://sandbox.thewikies.com/vfe-generator/

claro tendras que crear tu archivo de video en flash

saludos

Por joshuavw

Claber

306 de clabLevel



Genero:Masculino  

Juego, aprendo y programo

chrome
Citar            
MensajeEscrito el 18 Abr 2013 12:04 pm
Bueno, creo que ya lo entiendo... :oops:

Es que yo pensaba que tu documento video3.swf era el vídeo, pero es el reproductor ¿no?

También he probado videojs y está muy chulo.

Por walden

Claber

120 de clabLevel



 

safari
Citar            
MensajeEscrito el 19 Abr 2013 01:29 pm
Gracias joshuavw, ya he logrado hacer funcionar tu código.

Lo único es que con explorer no aparece el menú del vídeo, ni en tu vídeo ni en el mío. Probaré con otros explorer por si es de la versión que tengo yo...

Por walden

Claber

120 de clabLevel



 

safari
Citar            
MensajeEscrito el 19 Abr 2013 02:27 pm
a que menu te refieres del video??? te refieres a los controles del player del video ??

Por joshuavw

Claber

306 de clabLevel



Genero:Masculino  

Juego, aprendo y programo

chrome
Citar            
MensajeEscrito el 19 Abr 2013 05:26 pm
Sí, eso, los controles del player.

Por walden

Claber

120 de clabLevel



 

safari
Citar            
MensajeEscrito el 19 Abr 2013 06:45 pm
hay muchos tutoriales aqui donde te dicen como puedes incrustar un video con el skin apropiado en flash

saludos

Por joshuavw

Claber

306 de clabLevel



Genero:Masculino  

Juego, aprendo y programo

chrome
Citar            
MensajeEscrito el 20 Abr 2013 09:01 am
Gracías, los buscaré.

Por walden

Claber

120 de clabLevel



 

safari

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.