Hmtl 5 me esta volviendo locaaa

[itziarserna]

Buenas!!!

estoy con una web de un restaurante. Estaba con un video swf, pero como lo que se lleva es el HTML 5, estoy cambiandolo, para que asi cada uno lo vea donde quiera sin problemas de compatibilidades y demas.
El caso es que estoy incluyendo el video en varios formatos, WEBM, OGG, MP4 con sus codecs y movidas necesarias, pero en firefox, no lofro que se vea..
Lo veis vosotros? Igual es mi firefox..

www.juanypinchame.es

se ve en previa, en dreamweaver, con navegador firefox, se ve en chrome y no se ve en internet explorer..aun
ya no se como poner la etiqueta <video>
Estoy con dreamweaver cs6 y no viene, en esta version, lo de INSERTAR-MEDIA-HTML5..


lo que puse,

<video id="video" loop="" controls="" preload="">
<source src="portada_2.mp4" type='video/mp4;codecs="avc1.42E01E, mp4a.40.2"'/>
<source src="portada_2.webm" type='video/webm;codecs="vp8, vorbis"'/>
</video>


ppfpgpfpfpfpfpffpfppfpfp!!!

[EmpireFX]

Podes mantener flash por si el navegador no soporta html5(edite parte de los codec), prueba y nos dices..

Código HTML:

<video id="video" loop="" controls="" preload="">
<source src="portada_2.mp4" type="video/mp4; codecs=avc1.42E01E,mp4a.40.2"/>
<source src="portada_2.webm" type="video/webm; codecs=vp8,vorbis"/>
 
<!-- Elemento flash antiguo -->
</video>
 

[itziarserna]

pero, digo yo, que el firefox es la panacea entre los navegadores.. y deberia soportar esos html 5..
de todas formas, he insertado el flash antiguo y tampoco..me consula que se ve en chrome..

[pzin]

Pues creo que hay más gente que te dirá que les gusta más usar Chrome que Firefox.

De todas formas, pueden ser varias cosas. Desde el propio video, hasta las cabeceras que esté enviando el servidor para ese archivo.

[EmpireFX]

Proba agregando un .htaccess para incluir los mimes correctamente..

AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm

[itziarserna]

ay!.. nada.. si se os ocurren mas ideas, fantastico..yo mientras pensare en solucionarlo..
cambie los permisos en el htaccess, y en el cpanel estan todos los archivos de video disponibles, activos ..
en fin..

[jonni09lo]

Varias cosas, tanto controls como loop van solos, no tienen valores como true o false ya que esa forma ya está obsoleta. Te recomiendo no colocar los codecs, antes mira el type que coloco.

Por último te recomiendo que también conviertas tu video a ogv ya que el webm está parcialmente soportado por versiones antiguas de Chrome y Firefox. No sé como estés dando soporte con flash, pero sería algo así, de donde player.swf es el archivo del reproductor

Código HTML:

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

Saludos

[itziarserna]

no, tampoco,
me comentaron algo del htaccess, cambiar algo de apache.
ni idea ..
al final, hare la web, sin videos..
por el momento no se si dejarla asi,

[itziarserna]

lo de incluir en htaccess los video types, lo he hecho y he subido a su sitio, todo esto mediante el cpanel, pero no ocurre nada..

[jonni09lo]

A ver primero que nada no nos has dado realmente información útil para resolver tu problema. Responde a las siguientes preguntas:

¿En qué versiones has realizado las pruebas? (versiones exactas de cada navegador por favor)

¿Tienes algo online donde podamos ver lo que has tratado de hacer?

¿Puedes mostrar el código completo de la página en donde tratas de colocar los vídeos?

¿Has convertido correctamente el vídeo a los TRES formatos que te sugerí?

¿Qué reproductor flash estás usando?

Por favor responde a cada una de las preguntas, ya que son necesarias para poder llegar al fondo del asunto

PD: El código que vayas a publicar, debes estar dentro del Highlight (select que aparece parte superior derecha cuando respondes o creas un tema)

Saludos

[itziarserna]

te cuen:

explorer (que tampoco me importa demasiado)
firefox
chrome

si te metes en
[URL="www.juanypinchame.es"]www.juanypinchame.es[/URL]
se supone que tienes que ver, una mierda de video, pero que tiene q ser asi..pues en chrome.. estupendo..

la web no tiene nada mas que el titulo..
el dichoso video
y dos estupendo enlaces a twitter y face
na' mas

los video ya los converti ayer a los tres formatos..

adobe flash player??¿??

[jonni09lo]

Como quieres que te funcione si no estás especificando el type de cada source, cada navegador no hace "milagros" de la misma manera

A parte de eso cuando te dije que dijeras las versiones, no te dije que dijeras únicamente el navegador, si no los números; por ejemplo yo uso Chrome 32, Firefox 25, etc. Es importante ya que dependiendo de el número (versión) se puede determinar posibles errores en un futuro. Tenlo en cuenta.

Segundo estás usando un DOCTYPE incorrecto para HTML5 debe de ser algo así:

Código HTML:

<DOCTYPE html>
<html>
 

Tercero, el plugin para el flash no se está incluyendo correctamente

Failed to load resource: the server responded with a status of 404 (Not Found) http://www.juanypinchame.es/Scripts/swfobject_modified.js

Arregla eso y nos cuentas.

Saludos

[itziarserna]

..

no me riñas..
oook..
yo lo intento de nuevo..
pero antes tb puse type en casa source .. y nada
luego os cuento..


gracias anyway..

[jonni09lo]

No te riño, solo te hago caer en cuenta de los errores. Es importante los types. No vayas a colocarlos como los tenías, espero que sigas el ejemplo que te puse unos mensajes más arriba (así no incluyas el plugin para flash).

Saludos

[itziarserna]

pasa lo siguiente...

imagino que has mirado el codigo fuente de index, bien..
pero no es el que he cambiado..entonces esto del filezilla no me ha cogido lo nuevo...
lo que me has dicho antes..

uff

[jonni09lo]

Entonces si funcionó o en que queda todo esto

Sería bueno que muestres el código del index.

Saludos

[itziarserna]

de todas formas, sigue sin ir, ya lo he colocado bien y ahora mas grande , sigue sin verse..

[itziarserna]

<video id="video" controls loop>
<source src="portada_2.ogv" type="video/ogg" />
<source src="portada_2.mp4" type="video/mp4" />
<source src="portada_2.webm" type="video/webm" />
<object type="application/x-shockwave-flash" width="360" height="240" data="FLVPlayer_Progressive.swf"=portada_2.mp4">
<param name="movie" value="player.swf?file=portada_2.mp4" />
</object>

</video>

lo de flash esta mal...

[jonni09lo]

Hola Itziar, te pediré algo: respira un momento, has una pausa activa, ve desenchufate un poco del computador, toma aire y cuando estés más fresca regresas; si no, nunca nos entenderemos

Código HTML:

<video id="video" controls loop>
    <source src="portada_2.ogv" type="video/ogg" />
    <source src="portada_2.mp4" type="video/mp4" /> 
    <source src="portada_2.webm" type="video/webm" /> 
    <object type="application/x-shockwave-flash" width="360" height="240" data="FLVPlayer_Progressive.swf"=portada_2.mp4">
        <param name="movie" value="player.swf?file=portada_2.mp4" />
    </object>
</video>
 

Tienes el anterior código.

Esto:

Código HTML:

<object type="application/x-shockwave-flash" width="360" height="240" data="FLVPlayer_Progressive.swf"=portada_2.mp4">
    <param name="movie" value="player.swf?file=portada_2.mp4" />
</object>
 

Está mal, borraste y reemplazaste como no era, debe de ser algo como:

Código HTML:

<object type="application/x-shockwave-flash" width="360" height="240" data="FLVPlayer_Progressive.swf?file=portada_2.mp4">
    <param name="movie" value="FLVPlayer_Progressive.swf?file=portada_2.mp4" />
</object>
 

Notas que hice el cambio tanto en la data del object como la de param?

Nota: puede que me equivoque... al fin de cuentas no sé el plugin que estás usando para el flash

Segundo, ten en cuenta de que sin poder ver el código funcionando es casi imposible deducir el posible error, además te reitero, no me has dicho que versión de Firefox usas.

Tercero hiciste los cambios del DOCTYPE?

Saludos

[itziarserna]

pff..

:pena

siento ser taaan tontaaa... pero me podrias explicar como si tuviera yo 3 años lo de flash?
mi version de firefox es la 27..y el plugin es SHOCKWAVE FLASH 12.0.0.44

[itziarserna]

por no poner aqui todo el codigo, puedes darle a codigo fuente?

[jonni09lo]

O eres muy obstinada, o me explico fatal o tu estás tan desesperada con resolver el problema que se te olvidó conprensión de lectura (lo siento pero creo que ya es necesario)

1. No has subido nada al servidor: ni lo del doctype, ni los types de los sources.
2. No sé cual es el bendito plugin que tratas de usar para el player, sé que tiene que ver con este error:

Failed to load resource: the server responded with a status of 404 (Not Found) http://www.juanypinchame.es/Scripts/swfobject_modified.js

Pero ni idea de que plugin usa ese archivo.

3. Te debe de funcionar correctamente en la versión de Firefox que tienes...

Esto te lo he estado diciendo a través de todos mis mensajes, pero creo que no me he sabido explicar... la verdad creo que soy yo el que me volveré loco tratándote de explicar lo que se necesita para poder entender y poder ayudarte a solucionar el problema...

Cuando hayas subido los cambios al servidor y después de que sepas que plugin es el que usas (o al menos a quien pertenece el archivo swfobject_modified.js), vuelves y nos comentas.

Saludos

[itziarserna]

debe ser la desesperacion,

bueno.. si que puse doctype, si que puse types de los sources..
de todas maneras, si lo logro te lo hare saber..

muchas gracias por tu tiempo, y perdona..

[jonni09lo]

Iniciado por itziarserna

de todas maneras, si lo logro te lo hare saber..

Independientemente de si lo haces funcionar o no, después de que hagas lo que se te sugiere nos comentas

Como te digo, trata de relajarte un poco, trata de liberar un poco de estrés, más que nada por tu mismo bien... de esa manera te será mas fácil encontrar tu error o seguir las pautas adecuadas

Saludos

[itziarserna]

no.. pero voy bien encaminada?

<video id="video" controls loop>
<source src="portada_2.ogv" type="video/ogg" />
<source src="portada_2.mp4" type="video/mp4" />
<source src="portada_2.webm" type="video/webm" />
<object type="application/x-shockwave-flash" width="720" height="576"> <param name="movie" value="http://fpdownload.adobe.com/strobe/FlashMediaPlayback.swf"></param><param name="flashvars" value="src=www.juanypinchame.es%2Fpublic_html%2Fpo rtada_2.mp4"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://fpdownload.adobe.com/strobe/FlashMediaPlayback.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="720" height="576" flashvars="src=www.juanypinchame.es%2Fpublic_html% 2Fportada_2.mp4"></embed></object>
</video>

[pzin]

itziarserna haz el favor de usar highlight cuando publiques código, miles de ojos te lo agradecerían.

[jonni09lo]

Este código debería funcionarte:

Código HTML:

<video id="video" controls loop>
    <source src="portada_2.ogv" type="video/ogg" />
    <source src="portada_2.mp4" type="video/mp4" />
    <source src="portada_2.webm" type="video/webm" />
    <object type="application/x-shockwave-flash" width="720" height="576"> 
        <param name="movie" value="http://fpdownload.adobe.com/strobe/FlashMediaPlayback.swf"></param>
        <param name="flashvars" value="src=http%3A%2F%2Fwww.juanypinchame.es%2Fportada_2.mp4"></param>
        <param name="allowFullScreen" value="true"></param>
        <param name="allowscriptaccess" value="always"></param>
        <embed src="http://fpdownload.adobe.com/strobe/FlashMediaPlayback.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="720" height="576" flashvars="src= http%3A%2F%2Fwww.juanypinchame.es%2Fportada_2.mp4"></embed>
    </object>
</video>
 

Hay que decir lo siguiente:

El problema principal es que si accedes a http://www.juanypinchame.es/portada_2.mp4 te tira un error del servidor (lo más seguro sea por culpa del .htaccess) así que elimina las líneas que te había dado @EmpireFX

Código Apache:

AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm
 

Ya que considero de que eso puede ser la causante de los problemas... Sí eso no te funciona, debes de mostrar el código que tienes en el htaccess para ver que es lo que causa conflictos.

PD: Me alegra que hayas seguido las sugerencias que se te dieron

Saludos

[abimaelrc]

Iniciado por itziarserna

pff..

:pena

siento ser taaan tontaaa... pero me podrias explicar como si tuviera yo 3 años lo de flash?
mi version de firefox es la 27..y el plugin es SHOCKWAVE FLASH 12.0.0.44

Goo ga ga google ga la prffff ga ta ga

Aunque este tutorial te va a servir

[itziarserna]

buenos dias!

pues.. despues de seguir las indicaciones de
jonni09lo, no funciona, he vuelto a convertir los videos, he puesto lo que me comentaste de flash, he borrado del htaccess las tres ultimas lineas..
y nada..
aqui te mando lo que dice el htaccess, sin esas tres lineas
de todas formas, no se si tendra que ver, pero si el index lo ves en local, en preview, se ve estupendo, subido nada..
me consuela que los de chrome lo veran.

Código HTML:

# -FrontPage-
 
IndexIgnore .htaccess */.??* *~ *# */HEADER* */README* */_vti*
 
<Limit GET POST>
order deny,allow
deny from all
allow from all
</Limit>
<Limit PUT DELETE>
order deny,allow
deny from all
</Limit>
AuthName juanypinchame.es
AuthUserFile /home/nbrpvwwy/public_html/_vti_pvt/service.pwd
AuthGroupFile /home/nbrpvwwy/public_html/_vti_pvt/service.grp
AddHandler cgi-script .mp4
 

[PHPeros]

Iniciado por 17

AddHandler cgi-script .mp4

Mejor que quites eso, no tiene ningún sentido