Os comentamos una noticia de aquellas que sin llamar en exceso la atención pueden iniciar un antes y un después en cuanto a programación web, ¿por qué? Pues porque con el nuevo reproductor de vídeo en HTML5 se cae al suelo otro de los grandes pilares que justifican la existencia del plugin propietario Adobe Flash para navegadores.

Este pilar es uno de los que aún mantiene vivo a Flash, la reproducción de contenidos en vídeo, hasta ahora vetada para su uso exclusivo, exigiendo sí o sí la presencia del plugin y por ende la obligación para todos los desarrolladores webs de trabajar bajo Flash en aquellas webs con alguna porción de vídeo entre sus contenidos.

Si bien el reproductor de vídeo bajo HTML5 que os mostramos en este post aún se encuentra en fase Alpha y contiene algunos fallos e incompatibilidades con navegadores antiguos o pseudonavegadores como Internet Explorer el camino no ha hecho nada más que comenzar.

No se trata de un desarrollo que excluya Flash al 100% pues Flash se utiliza si el navegador no soporta HTML5 o en el caso de que el reproductor HTML5 no detecte la presencia de un vídeo con la correspondiente codificación OGG, theora vorbis H.264 lanzará un microreproductor bajo Flash para asegurar que la lectura de casi todo tipo de vídeos y su funcionamiento en casi todos los navegadores.

Por nuestra parte lo hemos testeado con éxito bajo FireFox, Chrome, No funcionando para iPhone donde Safari iPhone te muestra un botón para abrir el reproductor quicktime con el objeto de ver ese clip, una vez pulsado funciona correctamente, pero con la sensación de que “has salido” de Safari.

Alguno de los bugs que hemos encontrado es que el botón de pantalla completa no ejecuta su función, maximiza el vídeo siempre dentro de los límites del navegador, si este no se encuentra maximizado a tope tan sólo ocupará el área del navegador, al contrario que Flash que permite realizar un fullscreen de verdad.

Aún con estos pequeños falos y limitaciones la idea, el concepto de reproducir vídeo sin plugins de por medio será el futuro sí o sí.

Enlace: http://www.filenew.org/projekktor/

Código fuente: http://code.google.com/p/projekktor-zwei/source/browse/trunk/index.php

Aquí tenéis toda los posibles estilos del cursor para que podáis aplicar bajo CSS, si pasáis el cursor por encima de “Prueba” veréis el resultado, este resultado diferirá de un navegador a otro, es decir el icono puede ser muy diferente entre FireFox, Safari, Chrome e Internet Explorer, el buen uso de la propiedad cursor hace las páginas web más usables sobre todo para estilos de menús basados en capas:

Si pasas el ratón sobre la imagen superior esta rotará de forma automática, se me olvidaba, este efecto no es compatible con Internet Explorer, al igual que intentar acceder a tu banco, vamos a dejarlo claro, realmente Internet Explorer peca de inseguro e incompatible por lo que olvídate de él cuanto antes, pataletas a parte, hazte con un buen navegador web en serio, que los hay, por ejemplo FireFox, Safari o Chrome y para mayor sorpresa son gratuitos y empieza a disfrutar de cosas como la integración con el estandard de hojas de estilo CSS3.

El efecto que te mostramos en este post, es una pequeñísima muestra de una sencilla rotación de imagen,  que señalamos, no está realizada con Flash, tan sólo se usa una sencilla propiedad de CSS3 por lo que es amigable con buscadores.