Video en HTML5 no funciona en Safari para Windows

insyse · #1 (**permalink**) 25/04/2014, 12:18

Hola amigos..

llevo unos dias, haciendo una web html5 con videos en ogv, webm y mp4, para que se pudiera ver en todos los navegadores actuales.

Pero cual seria mi sorpresa al tratar de probar la web en Safari para Windows...

No se carga el video, se supone que en MP4 debería cargar pero no.

probe creando un simple html, con lo básico para probar ese navegador:

Código HTML:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>video</title>
</head>
<body>
<video src="video/1.mp4"></video>
</body>
</html>

Pero, no carga nada,

Alguien sabe como hacer para que el Safari para Windows cargue los videos en HTML5?

Rafael · #2 (**permalink**) 25/04/2014, 15:33

Revisa esta página y el código que estoy usando.

http://otake.com.mx/Apuntes/PruebasD...sDeVideo.phtml

Muchas veces no funciona un video porque está mal codificado, en este caso notarás que el safari usa un codec Mp4. Revisa la compatibilidad del Mp4 arrastrándolo directo al safari, si no jala, es el video, si sí jala es el texto html.

Puedes descargar los videos de prueba directo de ahí.

insyse · #3 (**permalink**) 25/04/2014, 15:40

Arrastrando el archivo a la pantlla este carga y se reproduce correctamente.

El problema es que no puedo usar reproductor flash, como el que me propones.

por cuestiones de diseño, necesito que sea el video en limpio, sin bar, controles o replay.
por eso prentendia usar <video> html5, pues me daba esta facilidad.

pzin · #4 (**permalink**) 25/04/2014, 16:47

A mi me funciona la página de Rafael abriéndola en Safari (Mac). El flash se reproduce como fallback, es decir, si la carga del vídeo falla.

EroChvc · #5 (**permalink**) 26/04/2014, 10:08

hola, prueba si te reproduce el reproductor de este video tutorial:

http://codigoweb.in/manual/curso-basico-de-html5-reproductor-de-audio-y-video-personalizado-con-html5-11

si te funciona me avisas y te digo como hacer un reproductor similar