Insertar video en HTML

[kromatico]

Hola compañer@s!

Me gustaría consultaros sobre metodogías para insertar video en HTML y sus ventajas e inconvenientes.

Actualmente inserto video FLV de Flash que requiere el reproductor Flash Player, y no se hasta que punto dicen que no tiene futuro tanto Flash como Action Script y el reproductor Flash player por su falta de soporte en determinados dispositivos como Ipad y Blacberry en sus móviles.

Que me aconsejais? pensais que es hora de cambiar de matodología y usar otras alternativas para la inserción de video en la web o por el contrario, apostais por la continuidad de Flash para esta implementación del video en la web?

Os agradecería mucho vuestras opiniones.

Un saludo!

[emprear]

Mi opinión personal, si queres compatibilidad y buen funcionamiento, seguí con FLV, no quita eso que vayas experimentando con la etiqueta video de html5, pero para sitios de producción FLV, y en el caso de otros dispositivos, hacé páginas específicas segun sea el caso

Saludos

[alex_dh]

yo no recomiendo el uso de videos en la web... ocupan mucho espacio... si quieres usa HTML5 y flash que se usa para eso... pero hasta ahora yo los subo a youtube y busco los codigos de insercion... fijate...

[kromatico]

Gracias por los consejos, pero...

nadie sugiere la mejor manera de colocar videos en una página web de manera que cualquier navegador lo interprete y a la vez el usuario no se vea obligado a descargar ningún tipo de Plugin para reproducirlo?

Un saludo!

[emprear]

Iniciado por kromatico

Gracias por los consejos, pero...

nadie sugiere la mejor manera de colocar videos en una página web de manera que cualquier navegador lo interprete y a la vez el usuario no se vea obligado a descargar ningún tipo de Plugin para reproducirlo?

Un saludo!

"cualquier navegador (sin plugins)" = 100% compatibilidad = Eso no existe

[thedaket]

Pues hasta donde eh visto se empieza a manejar con la etiqueta video pero hay muchas incompatibilidades con los navegadores ya que varian los formatos es de decir safari reproduce los mp4 pero chrome no y asi entre mozilla y explorer, sigue con el flash es la mejor opcion.

[DrFaust]

Iniciado por kromatico

nadie sugiere la mejor manera de colocar videos en una página web de manera que cualquier navegador lo interprete y a la vez el usuario no se vea obligado a descargar ningún tipo de Plugin para reproducirlo?

En Internet conviven navegadores de hace diez años (IE6) con navegadores de hace una semana (Chrome). Pedís mucho.

Flash por el momento es la mejor apuesta, porque está disponible en millones de sistemas, tanto antiguos como nuevos. Además, el soporte para elementos multimedia en HTML5 está en pañales. Por ahora, y al menos por los próximos 12-18 meses, te sugiero que te atengas a Flash.

[alex_dh]

youtube ahora esta en HTML5 y no se requiere ningun programa para poder visualizarlo mas que el navegador :D

[emprear]

Iniciado por alex_dh

youtube ahora esta en HTML5 y no se requiere ningun programa para poder visualizarlo mas que el navegador :D

No amigo, YouTube sigue usando Flash en la mayoría de los casos, Abri una página con IE o Firefox y fijate como esta incrustado el video, revisá el código fuente y vas a ver que la etiqueta <video> NO existe, vos podés poner un Doctype html5, pero si no usas <video> y insertás con object ó embed no estás utilizando tecnologías html5. eso mismo lo podés hacer con html4 o xhtml

una captura de chrome


Saludos

[kromatico]

Entonces, según los comentarios de los que aconsejáis seguir usando video de Flash "FLV" el video no se verá en dispositivos que no den soporte a Action Script de Flash no? como es el caso de Ipad de Appel y también dispositivos móviles de Blackberry o los que usen como SO el nuevo Windows 8 del que anunciaron que tampoco dara soporte a Flash.

Si Youtube sigue mostrando videos "FLV" de Flash me imagino qeu entonces no se podrán ver los videos en un Ipad no? no lo he comprobado por que no tengo este tablet, pero corregidme si me equivoco por favor.

Se me ocurre la pregunta,... ¿Cual es entonces la mejor manera de insertar video en una Web de forma que se pueda visualizar en cualquier dispositivo?

Un saludo!

[emprear]

@kromatico

Si es por experimentar, muchas son las soluciones posibles, pero en la práctica, y cuando estás desarrollando una web de producción, hay que apuntar al mayor numero de clientes y de la forma más simple, te comento que es lo que Yo estoy haciendo por el momento.
Partiendo de la premisa de que quien nos encargó la página "quiere" que el contenido de esta sea accesible desde un celular/tablet y deba incluir video

1. Utilizo php para detectar el dispositivo y redirijo
2. En función de esto tengo creadas 2 versiones
una para PC/ipad

• si es pc uso flash
• si es ipad uso m4v (con quicktime, que tiene soporte nativo en apple)

ejemplo para ipad:

Código HTML:

<html>
<head>
<script src="AC_QuickTime.js" type="text/javascript">
</head>
<body>
<script type="text/javascript">
QT_WriteOBJECT_XHTML('m4v_video.m4v', '320', '256','','controller','true','autoplay','true','loop','true','showlogo','true','moviename','xxx','cache','true');
</script>
 </body>
</html>
 

otra para móviles (iphone incluido)

• aqui sencillamente pongo una imagen con un link a un 3gp

En la medida que html5 evolucione y se unifiquen algunos criterios, iré haciendo ajustes a esto
Aqui no hago referencia al tema de los códecs, que es otra historia.
y un comentario respecto de Flash, algunos lo critican otros hablan de su muerte, pero tengo la intuición de que Flash todavia nos depara algunas sorpresas

Saludos

[kromatico]

Uf! gracias por la sugerencia emprear pero es algo complicado para los conocimientos que poseo.

En cuanto a lo de Flash, no se como últimamente leo malos comentarios de su futuro, ya no se que pensar, ojalá nos den alguna sorpresa los de Adobe próximamente.

Un saludo!

[emprear]

no hagas caso de los "comentarios", muchos obedecen a cuestiones de mercado, y por otro lado, dices

pero es algo complicado para los conocimientos que poseo.

, sin embargo hablas de Windows8 (yo no conozco nadie que lo use), insertar videos, dispositivos móviles, etc
Yo te recomendaría que empieces por algun buen manual de xhtml/html5 y no te embarques en cosas muy rebuscadas, esto lleva tiempo, paciencia y estudio, no hay soluciones mágicas

Saludos

[NJS]

Te recomiedo usar HTML5, o subir los videos a youtube.com :)

[creacion_grafica]

Estoy en las mismas desde hace una semana. Parece que mientras html5 se estandariza lo mejor podría ser que con código java o php que pegues en tu html (busca en google: "código detectar ipad" o algo parecido) redirijas al usuario o una página similar pero con el video en un formato que reconozcan las iPad o iPhone. Por inventar algo: www.mismapagina.com.ar/index_ipad.html

Si tu video pesa poco yo creo así lo resuelves. Si pesa mucho lo mejor podría ser subirlo a youtube y pegar el código (embbed) en tu html con el inconveniente también de que el video puede tardar en cargar y tiene controles de reproducción. Desconozco si se pueden eliminar.

[uri42]

para redirigir dispositivos móviles yo utilizo handset detection

[florlangosta]

aqui esta la solucion para detectar ipad con Javascript y redireccionar.
Esto lo pones en la primer pagina:


<script type="text/javascript">
function Detectar_iPad() {
if(navigator.userAgent.match(/iPad/i) != null) {
return true;
}
else {
return false;
}
}

if (Detectar_iPad()==true) {
document.location.href='pagina a la que redirige';
}


</script>